1、css中多行溢出只顯示兩行,換行,其余省略…的方式
overflow: hidden;//多出的隱藏 text-overflow: ellipsis;//多出部分用...代替 display: -webkit-box;//定義為盒子模型顯示 -webkit-line-clamp: 2;//用來限制在一個塊元素顯示的文本的行數 -webkit-box-orient: vertical;//從上到下垂直排列子元素(設置伸縮盒子的子元素排列方式)
2、單行溢出隱藏 不換行 轉換為三個點…
word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
3、css單雙行、2n樣式
#random_box li:nth-child(odd) //雙行 #random_box li:nth-child(even) //單行 #random_box li:nth-child(2n) //2的倍數樣式