text-overflow: ellipsis;没有使溢出部分省略,而是换到下一行,是因为要配合
overflow: hidden;
white-space: nowrap;
属性一起使用
若要使文本超出2行省略,则要设置css为:
overflow:hidden;
text-overflow:ellipsis;
display: -webkit-box; 设为弹性伸缩盒子
-webkit-box-orient: vertical; 从上到下垂直排列元素
-webkit-line-clamp: 2; 显示的行数
全局设置ul,ol{
list-style:none;
}
之后,若需要使用有列表项目符号的列表时,需要这样设置:
ul{
list-style:disc inside;
}
只设置list-style:disc的话是无法显示的。
inside表示列表缩进