`

DIV 多行显示文字 超出字符数 用省略号代替

阅读更多

<script>
function csubstr(str,len){
if(str.length>10){
return str.substring(0,len)+"...";
}else{
return str;
}
}
</script>

 

<div ><script>document.write(csubstr("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",10));</script></div>

 

 

注:不是超出DIV宽度 而是设定字符数 超出字符数省略号代替

用css方法:

(<style type="text/css">.text {width:60px; height:22px;line-height:22px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; word-wrap: break-word;}</style>)

 

分享到:
评论

相关推荐

    js文本超出长度用省略号代替,鼠标悬停div显示

    html单元格显示不下的文本用省略号代替,并且鼠标悬停在单元格下面用div显示该单元格的全部文本信息。

    DIV 超出字符数用省略号代替的CSS代码

    常见的需求是限制DIV元素中的文本超出特定字符数时,用省略号来表示未显示的文本部分。尽管描述中提到“设定字符数超出个数用省略号代替”,但是由于提供的代码示例中实际实现的是按长度来截断字符串,这里我会结合...

    DIV 上下居中 多行 省略号

    接下来是实现超过固定行数时显示省略号的效果。CSS3提供了一个`line-clamp`属性,它限制了在一个块级元素显示的内容的行数。但是,`line-clamp`需要与`display: -webkit-box`和`-webkit-line-clamp`一起使用才能在...

    CSS实现文字多行省略效果.zip_朋友圈文字最后变成省略号

    在给定的“CSS实现多行文字显示省略号效果.zip”压缩包中,包含了一个名为“2.css”的样式表文件,它使用了`-webkit-line-clamp`属性来指定省略的行数,以及一个“1.html.txt”的HTML文件,用于展示这个效果。...

    HTML+css 超出字符省略号表示

    本主题主要探讨如何利用HTML和CSS实现超出字符数后显示省略号的效果。 首先,HTML中的基础结构是至关重要的。我们可以使用`&lt;p&gt;`、`&lt;span&gt;`或`&lt;div&gt;`等元素来包含需要截断的文字。例如,创建一个包含长文本的`&lt;p&gt;`...

    js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例

    1.文字在超出长度时,如何实现用省略号代替? 2.超长长度的文字在省略显示后,如何在鼠标悬停时,以悬浮框的形式显示出全部信息? 文字在超出长度时,如何实现用省略号代替? 用CSS实现超长字段用省略号表示的方法:所有...

    js实现文字超出部分用省略号代替实例代码

    在网页设计中,有时我们需要限制文本的显示长度,特别是当内容过长时,为了保持页面的整洁和可读性,可以使用省略号来代替超出的部分。JavaScript 提供了一种方式来实现这一功能,通过编写特定的函数和利用字符串...

    css 超出用省略号当标题字符溢出用省略号表示

    CSS中处理标题文本溢出用省略号表示的方法是一项常见的网页设计技巧,主要应用于当列表项、标题等文本内容超出其容器宽度时,为了保持界面的整洁性,将超出部分用省略号(...)来代替。以下是从标题、描述以及部分...

    纯css控制超出部分省略号显示

    通过上述步骤,我们可以使用纯CSS实现文本超出部分显示省略号的效果。这种方法简单、高效,能够极大地提升用户体验,特别是在文本长度不可预知的情况下。不过需要注意的是,在某些特定场景下,如纯数字和连续的英文...

    div中多行文字垂直居中

    在网页设计中,让多行文字在`div`元素中垂直居中是一项常见的需求,尤其在构建响应式布局和用户界面时。实现这个效果的方法多种多样,每种方法都有其适用场景和优缺点。以下是一些主要的策略来实现`div`中多行文字的...

    jQuery文字溢出显示省略号插件.zip

    dotdotdot.js是这个插件的核心,它提供了强大的功能,能够智能地截断多行文本,不仅适用于单行文本,也支持多行显示省略号的效果。 插件的使用方法通常包括以下几个步骤: 1. 引入jQuery库和dotdotdot.js插件文件...

    CSS文本超出div或者span时用省略号代替

    在项目中我们经常需要在文本过长时显示,将文本超出的部分内容用省略号代替: 思想为: 首先设置宽度,然后让超出的部分隐藏 如果有超出则在最后显示省略号 让文本不换行 具体css代码为: 复制代码代码如下:.title{...

    让超出DIV宽度范围的文字自动显示省略号...

    ### 让超出DIV宽度范围的文字自动显示省略号 在网页设计中,经常需要处理文本溢出的问题。当一个块级元素(如`&lt;div&gt;`)内的文本长度超过了该元素的宽度时,如果不进行适当的处理,可能会导致文本换行或者溢出到元素...

    DIV多行文字显示不下溢出时显示...的css样式

    在这篇内容中,我们将会深入探讨如何使用CSS样式控制DIV中的多行文本溢出显示省略号。这是一种非常实用的技术,在网页设计中尤为常见,特别是在需要显示文章摘要或者列表项时。通过设定特定的CSS属性,我们可以在...

    使用CSS不用程序实现文字自动截断 用省略号代替

    在浏览器中,运行代码后, div元素将显示为一个红色边框,宽度为200px,高度为50px的框架,并且文字将被截断,显示省略号代替超出对象宽度的内容。这样,就实现了文字自动截断,用省略号代替超出对象宽度的内容。 ...

Global site tag (gtag.js) - Google Analytics