详情按钮布局,
条件:
1:文字默认展示三行,超出三行变为省略号,但是省略号后边需要有一个详情按钮
2:文字不止三行
问题:
如何让省略号后留白,并且展示 详情 按钮
目前实现:
详情按钮布局,
条件:
1:文字默认展示三行,超出三行变为省略号,但是省略号后边需要有一个详情按钮
2:文字不止三行
问题:
如何让省略号后留白,并且展示 详情 按钮
目前实现:
10 回答11.1k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
5 回答1.9k 阅读
CSS 多行文本自动省略不太好做,想真正靠谱的话得用 JS,渲染过后再计算,然后调整文案和展开按钮。如果条件比较固定的话,比如都是中文、都是标准字体,可以根据长度计算。或者保守一点,留多余量,不追求“详情”的位置。
有个兼容性不太好的方案:
-webkit-line-clamp
。