css文字布局方式?

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

目前实现:
image.png

阅读 1.5k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题