gpt4 book ai didi

html - 带省略号的段落溢出

转载 作者:太空狗 更新时间:2023-10-29 15:25:52 26 4
gpt4 key购买 nike

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

当屏幕尺寸变小时,标题变为 text-overflow:ellipsis;

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

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

但是对于内容部分(简单的 div),内容会超出容器(图中未显示)。此外,因为内容通常有一个段落,所以当我应用与上面相同的 css 标记时,它会在没有 break 的情况下简单地超出容器一行。

enter image description here

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

所以,我已经设置了外部单元格 max-height。我怎样才能使内容保持在单元格 max-height 内,无论溢出到下一行,还是应用 text-overflow: ellipsis; 而不是 a长直线?

谢谢你们。

最佳答案

试试这个:

div {
display: -webkit-box;
overflow : hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

关于html - 带省略号的段落溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30110455/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com