1. 程式人生 > >H5css3的文本屬性

H5css3的文本屬性

white hit span 溢出 justify rom 單詞 前綴 解釋

  1. 文本屬性 text

Text-align

Text-decoration

Text-indent 文本縮進

Text-shadow 文本陰影

Text-shadow:x軸偏移距離 y軸上偏移距離 r陰影範圍 color 陰影的顏色;

Xy可以為負數 x為負 向左偏 y為負 向上偏

Text-overflow 文本溢出 怎麽顯示內容

Text-overflow:ellipsis; 超出的以省略號形式顯示出來

但是這個屬性必須配合overflow:hidden;white-space:nowrap;一起使用

三者都不能少

Text-justify:

Justify 對齊 一般是兩端對齊

Text-wrap:規定文本的換行規則

瀏覽器不支持

Word-wrap:break-word

Word-break:break-word;

瀏覽器對於英文單詞,是這樣解釋的,如果單詞之間沒有空格,瀏覽器就會默認這是一個單詞,即使超出了默認不換行,加了這兩個屬性中的任何一個,一旦單詞超了,即使是一個單詞也要換行。

  1. box-shadow 給元素周邊添加陰影,和text-shadow的用法相同。

4.瀏覽器的區別

移動端,安卓內置chrome瀏覽器,不需要考慮一些兼容性。但是再pc上考慮。

C3的這些新增屬性ie,火狐等不兼容,因為各個瀏覽器內核不一樣,針對這種內核,c3

給元素屬性前面加上對應的前綴比如

Ie -ms-text-shadow{}

Chrome -webkit-text-shadow

Firefox -moz-text-shadow

opera -o-text-shadow

H5css3的文本屬性