单行、多汗省略号

简介: 1.单行省略号: CSS:需要加上宽度(width:100px)、超出隐藏(overflow:hidden;)、强制在同一行显示(white-space: nowrap;)、省略号(text-overflow:ellipsis;)示例:p{width: 100px; overflow: hidde...

1.单行省略号:

CSS:需要加上宽度(width:100px)、超出隐藏(overflow:hidden;)、强制在同一行显示(white-space: nowrap;)、省略号(text-overflow:ellipsis;)
示例:p{width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
2.多行省略:
引入js:<script src="../../Scripts/jQuery.dotdotdot-master/src/jquery.dotdotdot.min.js"></script>
$('.pic_txt td').dotdotdot({
                wrap: 'letter',
                height: 40,
                tolerance: 10
            });

 

目录
相关文章
|
3月前
给kprobe添加字符数据显示方式
给kprobe添加字符数据显示方式
|
7月前
|
前端开发
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
|
Web App开发 弹性计算 前端开发
CSS 单行/多行文本溢出显示省略号(...)的实现
CSS 单行/多行文本溢出显示省略号
268 0
CSS 单行/多行文本溢出显示省略号(...)的实现
效果:单行省略号,多行省略号
效果:单行省略号,多行省略号
56 0
多行文本溢出显示省略号
多行文本溢出显示省略号
65 0
文本单行省略号+多行出现省略号
文本单行省略号+多行出现省略号
|
JavaScript 前端开发
文本溢出显示省略号
文本溢出显示省略号
文本溢出显示省略号
CSS中溢出的文字省略号显示(单行和多行溢出)
CSS中溢出的文字省略号显示(单行和多行溢出)
CSS中溢出的文字省略号显示(单行和多行溢出)
|
前端开发
多行文本溢出显示省略号(…) +css样式
多行文本溢出显示省略号(…) +css样式
154 0
多行文本溢出显示省略号(…) +css样式