內容為1行時:
overflow:hidden; // 超出的文字隱藏
text-overflow: ellipsis; // 溢位用省略號顯示
white-space: nowrap; // 溢位不換行
內容為2行時:
overflow: hidden;
text-overflow : ellipsis;
display : -webkit-box; //作為彈性伸縮盒子模型顯示
-webkit-box-orient: vertical; //設定伸縮盒子的子元素排列方式: 從上到下垂直排列
-webkit-line-clamp: 2; //顯示的行數
CSS文字屬性
一 可以被繼承的屬性 font size font family font weight font style line height color text align text indent 二 文字大小 屬性值為數值型,必須給屬性值加單位,屬性值為0時除外。單位可以是pt px em 9pt 1...
CSS 文字屬性
1 縮排文字 text indent 3em 段落首行縮排給定長度 只應用於塊級元素,無法將這個屬性應用與行內元素。影象之類的替換元素上也無法應用text indent屬性。可以繼承 如果要設定成負值,為了防止超出邊界,建議的寫法如下 p2 水平對齊 text align left center r...
css 文字屬性
字型顏色color 字元間距letter spacing 文字背景色background color 行間距line height 90 10px,0.3 對齊文字text align 文字修飾text decoration 取值 overline line through underline bl...