css 文本超出就隐藏并且显示省略号
Posted 黑子Kuroko
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 文本超出就隐藏并且显示省略号相关的知识,希望对你有一定的参考价值。
一行的情况
overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示
white-space:nowrap; //溢出不换行
两行的情况
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box; //作为弹性伸缩盒子模型显示。
-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
-webkit-line-clamp:2; //显示的行
以上是关于css 文本超出就隐藏并且显示省略号的主要内容,如果未能解决你的问题,请参考以下文章