css 實作一行文本、兩行文本
.onerow{
overflow:hidden;
width: 100%;
display:inline-block;
text-overflow:ellipsis;
white-space:nowrap;
word-break: break-all;
}
.onerow2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical; // webkit內核的瀏覽器和手機瀏覽器
-webkit-line-clamp: 1;
}
.onerow3{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/910.html
標籤：Html/Css
上一篇：可以繼承和不可以繼承的樣式屬性