文字超出三行显示省略号

如下：

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

但是ie浏览器是个孤儿，它不兼容，搜索了很多其他办法觉得甚是麻烦，加上时间紧迫,如下：

给容器一个固定高度，超出隐藏的那种，再结合以下，给你个眼神自己体会。

data.length>38?data.substring(0,38)+'...':data

文字超出三行显示省略号相关推荐

css 文字超出三行展示省略号
文字超出三行显示省略号: <style type="text/css">div{width: 100px;overflow: hidden;text-overflow: ...
【CSS】css文字超出显示省略号/文字超过三行显示省略号..
单行 .p1{/*单行*/white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 多行 .p2{/*多行*/overflow: hidd ...
关于用css实现的文字超出部分显示省略号
文字超出部分显示省略号还是比较常用的一个效果,最近看到网上的一些方法亲自实践了一下,发现有些以前一些浏览器不能用的属性现在可以用了,于是研究了一番,现总结如下: 我们先来看下HTML代码: <d ...
新闻列表中，常用的文字超出后显示省略号..
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
html 文字超出部分,CSS控制文字超出部分显示省略号方法
我们经常会看到有些网站比较长的字符就会显示省略号了,实现这种效果有两个办法,一种利用程序截取字符,另一种利用css实现超出部分显示省略号,下面我来介绍第二种. 测试浏览器: IE6/7/8/9.ope ...
CSS文字超出部分显示省略号
一行内超出显示省略号 overflow:hidden; /*超出的部分隐藏起来*/ text-overflow:ellipsis;/*超出文本以省略号 */ white-space:nowrap;/* ...
html - - - 文字超过三行显示省略号，文字超过几行显示省略号
代码 /* 文字三行以上显示省略号 */ overflow: hidden; /*超出内容隐藏*/ text-overflow: ellipsis; /*超出内容为省略号*/ display: -we ...
【CSS】文字超过三行显示省略号...
代码: <!DOCTYPE html > <html ><head><meta http-equiv="Content-Type" con ...
css 文字超出部分显示省略号
设置table固定布局,否则自适应布局会不受控制 table{table-layout: fixed;} 单行文字 : overflow: hidden; text-overflow:ellipsis ...

文字超出三行显示省略号

文字超出三行显示省略号相关推荐

最新文章

热门文章