调整字体间距属性和文字换行属性
字體間距
一、word-spacing(詞間距,添加每個(gè)單詞之間的空白)
語(yǔ)法:word-spacing : normal | length
?????????????????normal : 默認(rèn)間距
?????????????????length : 由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值,允許為負(fù)值。請(qǐng)參閱長(zhǎng)度單位
例子:
二、letter-spacing(字間距,添加每個(gè)字母或漢字之間的空白)
語(yǔ)法:letter-spacing : normal | length
??????????????????normal : 默認(rèn)間隔
??????????????????length : 由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值,允許為負(fù)值。請(qǐng)參閱長(zhǎng)度單位
例子:
文字換行屬性
語(yǔ)法:word-break : normal | break-all | keep-all
?
參數(shù): normal : 依照亞洲語(yǔ)言和非亞洲語(yǔ)言的文本規(guī)則,允許在字內(nèi)換行
?
break-all : 該行為與亞洲語(yǔ)言的normal相同。也允許非亞洲語(yǔ)言文本行的任意字內(nèi)斷開(kāi)。該值適合包含一些非亞洲文本的亞洲文本
?
keep-all : 與所有非亞洲語(yǔ)言的normal相同。對(duì)于中文,韓文,日文,不允許字?jǐn)嚅_(kāi)。適合包含少量亞洲文本的非亞洲文本
?
語(yǔ)法: word-wrap : normal | break-word
?
參數(shù): normal : 允許內(nèi)容頂開(kāi)指定的容器邊界
?
break-word : 內(nèi)容將在邊界內(nèi)換行。如果需要,詞內(nèi)換行(word-break)也行發(fā)生說(shuō)明:設(shè)置或檢索當(dāng)當(dāng)前行超過(guò)指定容器的邊界時(shí)是否斷開(kāi)轉(zhuǎn)行。
?
建議:word-break 用3C檢測(cè)會(huì)顯示問(wèn)題的,導(dǎo)致百度快照也會(huì)出問(wèn)題-這個(gè)屬性O(shè)PERA FIREFOX 瀏覽器也不支持 word-break屬性可以用white-space:normal;來(lái)代替,這樣在FireFox和IE下就都能正確換行,而且要注意,單詞間的空格不能用 來(lái)代替,不然不能正確換行。
white-space:nowrap
通常我們使用white-space:nowrap來(lái)強(qiáng)制文本文字內(nèi)容不換行,文本會(huì)在在同一行上顯示,直到遇到 <br> 標(biāo)簽為止。
總結(jié)
以上是生活随笔為你收集整理的调整字体间距属性和文字换行属性的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: gitlab日常使用命令
- 下一篇: Spring Boot2 总结(二) S