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) {
}