html – 段落溢出省略号

前端之家收集整理的这篇文章主要介绍了html – 段落溢出省略号前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

这是我用于标题内容标记

  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;  
}
原文链接:https://www.f2er.com/html/425918.html

猜你在找的HTML相关文章