html5 让显示不完的文字自动省略号是什么属性

发布网友发布时间：2022-04-20 14:54

共2个回答

热心网友时间：2022-04-20 11:34

p {
 -webkit-line-clamp: 3; // *显示的文本的行数为3
 -webkit-box-orient: vertical; // 水平排列，使其不纵向显示
 word-break: break-all; // 使中的文字换行
 overflow: hidden; // 超出的文字部分隐藏
 text-overflow: ellipsis; // 超出的文字部分用...来显示
 display: -webkit-box; // 将变成高度定死，宽度自适应的行内块元素
}

这里有很长的文字这里有很长的文字这里有很长的文字这里有很长的文字

text-overflow: ellipsis 是变成省略号的选项，但其他属性须存在才能达到想要的效果。

热心网友时间：2022-04-20 12:52

text-overflow:ellipsis

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

html5 让显示不完的文字自动省略号 是什么属性

html5 让显示不完的文字自动省略号是什么属性