web9

WEB

文本折叠：

所有邂逅相逢，所有萍聚水遇，都在缘分的天空下慢慢演绎。一款柔情含蓄的衣饰或是一袭与众不同的衣衫，都会成为你不同凡响必要法宝。 在火热激情的青春里，在热烈奔放的夏之海洋里，你会选择什么样的精彩？

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

white-space: nowrap;/*不折行*/

overflow: hidden;/*超出部分隐藏*/

text-overflow: ellipsis;/*用省略号显示*/

一、布局的原则

先分大块 再分小块 先横再竖

二、几个1--->n 的问题

（1）文本折叠

(2）多行折叠

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