在指定多少行添加省略号方法

最新推荐文章于 2024-11-13 20:09:05 发布

菜鸟一个abc122619

最新推荐文章于 2024-11-13 20:09:05 发布

阅读量97

点赞数

文章标签： css

本文链接：https://blog.csdn.net/weixin_43465609/article/details/114014102

版权

这篇博客探讨了如何使用CSS技巧来隐藏超出容器的文本，并显示省略号。主要涉及`overflow`、`text-overflow`和`-webkit-line-clamp`属性的使用，以及如何在单词内部进行换行显示。

摘要由CSDN通过智能技术生成

.content{
overflow : hidden;//超出隐藏
text-overflow: ellipsis;//使用省略号来代替
display: -webkit-box;
-webkit-line-clamp: 1;//显示1行就在后面添加省略号
-webkit-box-orient: vertical;从上到下垂直排列子元素
word-break: break-all; /* 追加这一行代码 */可以在单词内换行
}