前言
提示:css文本省略:
1.单行文本省略
代码如下(示例):
width:100%;
overflow: hidden; // 溢出隐藏
white-space: nowrap; // 不换行
text-overflow: ellipsis; // 省略号
2.多行文本省略
代码如下(示例):
width: 100px;
word-break: break-all; // 短句处理
text-overflow: ellipsis; // 超出部分省略号显示
overflow: hidden; // 超出部分隐藏
display: -webkit-box; // 设置块元素的布局为伸缩布局
-webkit-box-orient: vertical; // 设置伸缩项的布局方向
-webkit-line-clamp: 2; // 设置几行开始省略
总结
供自己学习笔记使用