活动常用CSS

1.文本操作

文本溢出…
多行：

 display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; //4行 
overflow: hidden; 

单行：

overflow: hidden; 
text-overflow: ellipsis;
white-space: nowrap;

文本不换行

white-space: nowrap;

文本自动换行

word-wrap: break-word;
word-break: break-all; //字母会被切开
white-space: normal;

2.常用CSS选择器

div:nth-child(odd){} //奇数行
div:nth-child(even){} //偶数行
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。
选择前四个：

div:nth-child(-n + 4) {
}

选择第3个往后的：

div:nth-child(n + 3) {
}