css 控制文本显示

常见的有溢出三点隐藏

控制在一行

条件

有宽度 px %都可

 

溢出隐藏 overflow:hidden 

强制一行显示 white-space:nowrap

文本溢出点点点显示 text-overflow:ellipsis

效果

控制在多行之后进行点点点显示

可以通过改变-webkit-line-clamp:(行数)控制行数显示

通过查阅了解到这个属性并未出现在css规范中 

主要功能是控制块儿内元素的文本显示行数

与之搭配的则有display:-webkit-box 弹性伸缩盒子


还有-webkit-box-orient:控制文本显示内容排列方向

 

据说-webkit-box-orient编译时会被干掉

使用注释就可以完美解决这个问题

点解？

效果图