想用css做一个文字在两行显示 有固定宽高 超出显示省略号 我看的用强制一行的可以显示省略号两行就不行了

p{ float:left;margin:25px 40px;font-size:30px; line-height:40px; width:380px;height:80px;text-overflow:ellipsis; white-space:nowrap;overflow:hidden; }

是的,css只支持一行超出显示省略号的。

如果又想显示多行,又想把超出的显示为省略号,可以用程序处理,javascript就可以的。

比如你只想显示前20个文字,后面的文字用省略号替换,js代码如下:

var str = '只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字' ;
str = str.substr(0,20) + '...' ;
alert(str);
温馨提示:内容为网友见解,仅供参考
无其他回答

想用css做一个文字在两行显示 有固定宽高 超出显示省略号 我看的用...
是的,css只支持一行超出显示省略号的。如果又想显示多行,又想把超出的显示为省略号,可以用程序处理,javascript就可以的。比如你只想显示前20个文字,后面的文字用省略号替换,js代码如下:var str = '只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示...

css超出两行显示省略号有什么办法?
CSS实现超出两行显示省略号的方法是通过结合文本溢出和文本显示行数属性来实现的。详细解释:1. 使用overflow和text-overflow属性: 为了实现文本超出特定行数后显示省略号的效果,首先需要设置元素的`overflow`属性为`hidden`,这样超出容器的内容就不会显示。然后,使用`text-overflow`属性,并设置其值为`...

css里面怎么让文字长的时候两行显示,最多两行,多余的省略号显示,最重要...
3、浏览器运行index.html页面,此时文字超过2行会自动把多余部分用省略号显示 。

css怎么让p中超出长度的文字省略号显示
3、第三步,执行完上面的操作之后,浏览器运行index.html页面。 如果此时文本超过2行,则多余的部分将自动显示为省略号,见下图。这样,就解决了这个问题了。

css实现box宽度固定,高度自动,限制最大高度 超出部分隐藏显示省略号
white-space:nowrap; 的意思是文本不会换行,文本会在在同一行上继续,直到遇到 标签为止。你都不换行了,设置高度有什么用。。。你写的没有错,但这个方法只适用于单行文本溢出时出现省略号的效果 多行文本溢出用JS吧

CSS 一段文本怎么设置超过省略号显示
单行文本实现方法:实现效果:多行文本溢出显示省略号实现方法:实现效果:适用范围:因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;

如何用css使文本溢出边界显示为省略号
text-overflow:ellipsis---部分浏览器还需要加宽度width属性 END 多行文本溢出显示省略号 WebKit浏览器或移动端的页面 在WebKit浏览器或移动端(绝大部分是WebKit内核的浏览器)的页面实现比较简单,可以直接使用WebKit的CSS扩展属性(WebKit是私有属性)-webkit-line-clamp ;注意:这是一个 不规范的属性(u...

div+css怎么显示两行或三行文字,然后多出的部分省略号代替??
如果想要在一行里实现“超出长度显示省略号”,是可以的。overflow: hidden;white-space: nowrap;text-overflow:ellipsis;这几句css就可以,不要加上去的容器一定要写了宽度的 注意:这里实现的是“超出长度”,而不是“超出字数”,并且在一行里实现。如果是两行或者三行的容器,想要纯用css实现这个方法...

css中怎么让超出块的文字显示为省略号
设置其text-overflow为ellipsis,强制不换行,及其宽度。如:这是内容这是内容这是内容这是内容这是内容这是内容

Web前端开发 12、CSS 溢出的文字省略号显示
\/*1. 先强制一行内显示文本*\/ white-space: nowrap; ( 默认 normal 自动换行) \/*2. 超出的部分隐藏*\/ overflow: hidden; \/*3. 文字用省略号替代超出的部分*\/ text-overflow: ellipsis;完整代码:多行文本溢出显示省略号 多行文本溢出显示省略号,有较大兼容性问题,适合于webKit浏览器或移动端...

相似回答