文本溢出后隐藏转成省略号

最新推荐文章于 2024-11-15 15:30:13 发布

document_write

最新推荐文章于 2024-11-15 15:30:13 发布

阅读量215

点赞数

本文链接：https://blog.youkuaiyun.com/document_write/article/details/91045265

版权

1.文本在一行内显示，溢出后自动转成省略号。

white-space:nowrap ;  (文本在一行内显示)
overflow:hidden ;  (溢出部分隐藏)
text-overflow:ellipsis;   (溢出部分转成省略号)

2.文本在多行内显示，溢出后隐藏自动转为省略号。

overflow:hidden ;  (溢出部分隐藏)
text-overflow:ellipsis;   (溢出部分转成省略号)
display:-webkit-box; (将容器作为弹性盒子显示)
-webkit-box-orient:vertical;(从上到下垂直排列子元素)
-webkit-line-clamp:2;(表示文本要显示的行数)