text-overflow属性规定当文本溢出包含元素时发生的事情。
.test{
white-space:nowrap; /*文字不换行，为了让文字溢出*/
overflow:hidden; /*隐藏滚动条*/
text-overflow:ellipsis; /*溢出部分显示为“...”*/
}
注：
多行文字显示“...”在Chrome中可以使用-webkit-line-clamp实现
.multiline-ellipsis{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box; /*-webkt-line-clamp需要的*/
-webkit-box-orient:vertical; /*-webkt-line-clamp需要的*/
-webkit-line-clamp:3; /*只显示3行*/
}
1.单行文字超过 2.多行文字超过显示 引用至CSS实现单行、多行文本溢出显示省略号
CSS实现单行和多行文本溢出显示省略号…… 1.CSS实现单行和多行文本溢出显示省略号…… 2.多行文本溢出显示省...
text-overflow属性规定当文本溢出包含元素时发生的事情。 注：多行文字显示“...”在Chrome中可以...
CSS控制文字，超出部分显示省略号 单行文本溢出（overflow、text-overflow、white-sp...
CSS实现单行、多行文本溢出显示省略号（…）
css实现文本溢出时显示省略号 一、单行文本溢出 如果要实现单行文本的溢出显示省略号可以用text-overflo...
A css实现单行文本溢出显示 ... B 实现多行文本溢出显示... C改变placeholder的字体颜色大小
单行文本溢出显示省略号 多行文本溢出 文字选中滑动背景色 禁止文本缩放 禁止文本选中 css实现不换行、自...
css方法单行溢出显示点点点效果 多行溢出显示点点点效果 如果字太长的话，不推荐使用这个
实现单行文本溢出的CSS 实现多行文本溢出的CSS 但是！实现多行文本溢出显示省略号的时候webpack不编译-w...
本文标题：[CSS] 单行文字溢出显示“...”
本文链接：https://www.haomeiwen.com/subject/ealnkttx.html
网友评论