css超出顯示省略號

張旭超發表於2023-04-17

單行,超出顯示省略號

overflow: hidden; //超出的文字隱藏
text-overflow: ellipsis; //溢位用省略號顯示
white-space: nowrap; //溢位不換行

多行,超出顯示省略號

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box; //作為彈性伸縮盒子模型顯示。
-webkit-box-orient: vertical; //設定伸縮盒子的子元素排列方式--從上到下垂直排列
-webkit-line-clamp: 2; //顯示的行

相關文章