css文字布局方式?

Question

详情按钮布局,
条件:
1:文字默认展示三行,超出三行变为省略号,但是省略号后边需要有一个详情按钮
2:文字不止三行
问题:
如何让省略号后留白,并且展示 详情 按钮

目前实现:

Answer 1

CSS 多行文本自动省略不太好做，想真正靠谱的话得用 JS，渲染过后再计算，然后调整文案和展开按钮。如果条件比较固定的话，比如都是中文、都是标准字体，可以根据长度计算。或者保守一点，留多余量，不追求“详情”的位置。

有个兼容性不太好的方案：-webkit-line-clamp。

Answer 2

https://segmentfault.com/a/11...
look下