css3樣式文字超出隱藏

2021-09-13 19:35:35 字數 411 閱讀 9096

overflow:hidden; //超出的文字隱藏

text-overflow:ellipsis; //溢位用省略號顯示

white-space:nowrap; //溢位不換行(一行內容)

overflow:hidden; //超出的文字隱藏

text-overflow:ellipsis; //溢位用省略號顯示

display:-webkit-box; //將物件作為彈性伸縮盒子模型顯示。

-webkit-box-orient:vertical; //從上到下垂直排列子元素(設定伸縮盒子的子元素排列方式)

-webkit-line-clamp:2; //這個屬性不是css的規範屬性,需要組合上面兩個屬性,表示顯示的行數。

css3樣式總結 漸變,文字樣式等

一.css3的文字屬性 1.陰影 text shadow 水平陰影 垂直陰影 模糊半徑 陰影顏色 doctype html html head title css3 text shadow屬性 title style type text css lvye style head body div id...

實用的css3樣式

1.word wrap word wrap normal break word 只在允許的斷字點換行 瀏覽器保持預設處理 斷字 在長單詞或url位址內部進行換行。2.font face internet explorer 9 firefox,chrome,safari,和 opera 支援 woff...

css3樣式有哪些?

2d 轉換 2d 轉換是改變標籤在二維平面上的位置和形狀 移動 translate 旋 rotate 縮放 scale translate 語法 x 就是 x 軸上水平移動 y 就是 y 軸上水平移動 transform translate x,y transform translatex n tr...