html内容过长时仅换行一次,还超出就隐藏。怎么做到这个效果?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html内容过长时仅换行一次,还超出就隐藏。怎么做到这个效果?相关的知识,希望对你有一定的参考价值。

参考技术A 直接用CSS就行了。
.ellipsis
width: 300px;
max-height: 40px;
line-height: 20px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis; /*省略号*/
word-wrap: break-word;
-webkit-line-clamp: 2; /*只显示两行*/
-webkit-box-orient: vertical;
本回答被提问者和网友采纳

以上是关于html内容过长时仅换行一次,还超出就隐藏。怎么做到这个效果?的主要内容,如果未能解决你的问题,请参考以下文章

HTML的table中td内容换行上下间距怎么设置

html中表格设定的长和宽,为啥还会随着内容改变大小

div内容超出宽度时如何隐藏?如何显示省略标记?

css, 怎样使td高度固定,当内容超出设定高度时,超出部分隐藏。

css怎样让HTML中超出的内容显示为省略号

内容超出了就隐藏超出部分的后面带(省略号)... , 如果没有超出就正常显示后面不带省略号