- 如果实现单行文本的溢出显示省略号要使用text-overflow:ellipsis属性,当然还需要加宽度width属来兼容部分浏览。
CSS实现单行省略号
div{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
效果如下
你好:单行省略号测试,省略部分…
标题CSS实现多行省略号
div{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
效果如下:
你好:省略省略省略省略省
省略省略省略省略省略省略
省略省略省略省略省略省略…