5

一.布局的原则

先分大块，再分小块。先横后竖

二.几个1到n的问题

1.文本折叠

（1）单行折叠

white-space: nowrap;/*不折行*/
overflow: hidden;/*超出部分隐藏*/
text-overflow: ellipsis;/*超出的部分用省略号表示*/

（2）多行折叠

display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;指定的行数
overflow:hidden;
text-overflow:ellipsis;

2.垂直居中

（1）单行

height: 300px;
line-height: 300px;

（2）多行

固定高度

display: flex;
align-items: center;/*垂直居中*/

不固定高度

padding-top：150px；
padding-bottom：150px；