CSS文本溢出显示省略号
2021-01-19 01:18
标签：超过 包含 显示 box 文本 wrap over 模型 lamp CSS文本溢出显示省略号 标签：超过 包含 显示 box 文本 wrap over 模型 lamp 原文地址：https://www.cnblogs.com/life-fxl/p/13338646.html
宽度不固定，超出宽度则以省略号“...”来表示。 /*规定段落中的文本不进行换行：*/
white-space: nowrap;
overflow: hidden;
/* text-overflow属性表示规定当文本溢出包含元素时发生的事情;
ellipsis表示显示省略符号来代表被修剪的文本。*/
text-overflow: ellipsis;
超过三行后的文字省略 overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示*/
-webkit-line-clamp: 3; /*限制文本的行数，只显示3行*/
-webkit-box-orient: vertical;/*设置或检索伸缩盒对象的子元素的排列方式 */