可以设置文本溢出显示的省略号
~~~
. wrap{
width: 200px; //文字容器宽度
overflow :隐藏; //越过框架隐藏
文本覆盖: ellipsis; //属性规定文本包含要素溢出时发生的情况。
white-space: nowrap; //段落内的文本决定不换行
}
~~~
结果如下
说明:
css属性. wrap位于要更改样式的位置
##还有其他多行溢出省略
~~~
{
display:-webkit-box; //必须合并的属性将对象显示为弹性伸缩框模型
-webkit-line-clamp:2;//限制为1个块要素中显示的文本行数被省略2行以上。
overflow :隐藏;
- WebKit-box-orient : vertical; //必须联接的属性用于设置或检索伸缩框对象的子元素的排列方式。
文本覆盖: ellipsis;
}
~~~