overflow: hidden;text-overflow: ellipsis;white-space: nowrap;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-web
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。
安科网(Ancii)，中国第一极客网
Copyright © 2013 - 2019 Ancii.com
京ICP备18063983号-5 京公网安备11010802014868号