单行、多汗省略号

简介: 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
            });

 

目录
相关文章
|
4月前
|
前端开发
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
|
JavaScript 前端开发
文本溢出【单行和多行文本溢出】
文本溢出【单行和多行文本溢出】
|
11月前
|
Web App开发 弹性计算 前端开发
CSS 单行/多行文本溢出显示省略号(...)的实现
CSS 单行/多行文本溢出显示省略号
189 0
CSS 单行/多行文本溢出显示省略号(...)的实现
|
10月前
layUI table 内容超出宽度怎么换行显示,而不是显示省略号
layUI table 内容超出宽度怎么换行显示,而不是显示省略号
265 0
效果:单行省略号,多行省略号
效果:单行省略号,多行省略号
50 0
文本溢出显示省略号,鼠标浮动查看全部内容
文本溢出显示省略号,鼠标浮动查看全部内容
73 0
多行文本溢出显示省略号
多行文本溢出显示省略号
57 0
文本单行省略号+多行出现省略号
文本单行省略号+多行出现省略号
|
JavaScript 前端开发
文本溢出显示省略号
文本溢出显示省略号
文本溢出显示省略号
CSS中溢出的文字省略号显示(单行和多行溢出)
CSS中溢出的文字省略号显示(单行和多行溢出)
CSS中溢出的文字省略号显示(单行和多行溢出)