常见的有溢出三点隐藏
控制在一行
条件
有宽度 px %都可
溢出隐藏 overflow:hidden
强制一行显示 white-space:nowrap
文本溢出点点点显示 text-overflow:ellipsis
效果
控制在多行之后进行点点点显示
可以通过改变-webkit-line-clamp:(行数)控制行数显示
通过查阅了解到这个属性并未出现在css规范中
主要功能是控制块儿内元素的文本显示行数
与之搭配的则有display:-webkit-box 弹性伸缩盒子
还有-webkit-box-orient:控制文本显示内容排列方向
据说-webkit-box-orient编译时会被干掉
使用注释就可以完美解决这个问题
点解?
效果图