1.文字超過兩行,隱藏并顯示省略號
? ?overflow:hidden;
? ?text-overflow:ellipsis;
? ?display:-webkit-box; //將對象作為彈性伸縮盒子模型顯示。
? ?-webkit-box-orient:vertical; //從上到下垂直排列子元素(設置伸縮盒子的子元素排列方式)
? ?-webkit-line-clamp:2; //這個屬性不是css的規(guī)范屬性,需要組合上面兩個屬性,表示顯示的行數(shù)。
1.文字超過兩行,隱藏并顯示省略號
? ?overflow:hidden;
? ?text-overflow:ellipsis;
? ?display:-webkit-box; //將對象作為彈性伸縮盒子模型顯示。
? ?-webkit-box-orient:vertical; //從上到下垂直排列子元素(設置伸縮盒子的子元素排列方式)
? ?-webkit-line-clamp:2; //這個屬性不是css的規(guī)范屬性,需要組合上面兩個屬性,表示顯示的行數(shù)。