[log] css常用样式

文字排版

• 文字截断（单行）
  场景:一般是处理商品名称过长

  white-space: nowrap;/*不换行*/
  overflow: hidden;  /*使用省略号隐藏*/
  text-overflow: ellipsis;  /*文本截断*/

• 多行文本截断

 display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

display: -webkit-box; 必须结合的属性，将对象作为弹性伸缩盒子模型显示。
-webkit-box-orient; 必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式。
text-overflow: ellipsis; 可选属性，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本

Firefox, IE 浏览器统统都不支持-webkit-box，浏览器兼容性不好。多用于移动端

https://segmentfault.com/a/1190000016879657