//设置样式时,请注意一下你的元素是否有宽度
//一行
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
//两行
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
多余的字体变为省略号
最新推荐文章于 2024-08-20 09:28:23 发布
本文介绍了CSS中实现一行和两行文本省略的技巧,通过设置`white-space`, `text-overflow`, `overflow`等属性,帮助你在网页布局中优雅地处理长文本显示问题。适用于前端开发中的内容展示和用户体验优化。
摘要由CSDN通过智能技术生成