html– 段落溢出省略号

概述所以我有一个标题和内容固定高度的单元格(如下所示).当屏幕尺寸变小时,标题会出现文本溢出：省略号;这是我用于标题和内容的标记： overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 然而,对于内容部分(简单div),内容超出容器(图中未示出).另外因为内容通常有一个段

所以我有一个标题和内容固定高度的单元格(如下所示).

当屏幕尺寸变小时,标题会出现文本溢出：省略号;

这是我用于标题和内容的标记：

  overflow: hIDden;  text-overflow: ellipsis;  white-space: nowrap;    

然而,对于内容部分(简单div),内容超出容器(图中未示出).另外因为内容通常有一个段落,当我应用与上面相同的CSS标记时,它只是在一个长行中超出容器而没有中断.

我想要实现的是图像中的最后一部分(红色圆圈).

所以,我已经有了外部单元格max-heightset.我怎样才能使内容保持在单元格最大高度内,并且溢出到下一行和文本溢出：省略号;应用而不是长直线？

多谢你们.

最佳答案试试这个：

div {  display: -webkit-Box;  overflow : hIDden;  text-overflow: ellipsis;  -webkit-line-clamp: 3;  -webkit-Box-orIEnt: vertical;  }

总结

以上是内存溢出为你收集整理的html – 段落溢出省略号全部内容，希望文章能够帮你解决html – 段落溢出省略号所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。