sunshineboyleng 2019-12-23
默认属性:
实例:https://www.html.cn/archives/5206
overflow: hidden. text-overflow: ellipsis. white-space: nowrap. 多行文本溢出。display: -webkit-box. -webkit-box-orient: vertical. -webk
省略号在ie中可以使用text-overflow:ellipsis了,但有很多的浏览器都需要固定宽度了,同时ff这些浏览器并不支持text-overflow:ellipsis设置了,下文来给各位整理一下兼容各浏览器显示省略号教程。大家应该都知道用text-
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 30rpx;display: -webkit-box;-webkit-line-clamp: 6;-webkit
由于-webkit-line-clamp 用来限制在一个块元素显示的文本的行数,这是一个不规范的属性,它没有出现在 CSS 规范草案中,为了实现该效果,它需要组合其他外来的 WebKit 属性。text-overflow: ellipsis; //文本溢出
<span/>);兼容ie8需要将::after替换成:after。