文本溢出显示省略号

width :;必须结合的属性
display:-webkit-box;必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。

overflow:hidden;必须结合的属性
text-overflow:ellipsis;可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本 。
-webkit-line-clamp:2; //控制..显示在第几行
-webkit-box-orient:vertical;必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。
white-space:nowrap;是指文本不换行,就是说只能一行显示。

posted @ 2016-12-14 00:36  然而未末  阅读(162)  评论(0编辑  收藏  举报