调整字体间距属性和文字换行属性
字體間距
一、word-spacing(詞間距,添加每個單詞之間的空白)
語法:word-spacing : normal | length
?????????????????normal : 默認間距
?????????????????length : 由浮點數字和單位標識符組成的長度值,允許為負值。請參閱長度單位
例子:
二、letter-spacing(字間距,添加每個字母或漢字之間的空白)
語法:letter-spacing : normal | length
??????????????????normal : 默認間隔
??????????????????length : 由浮點數字和單位標識符組成的長度值,允許為負值。請參閱長度單位
例子:
文字換行屬性
語法:word-break : normal | break-all | keep-all
?
參數: normal : 依照亞洲語言和非亞洲語言的文本規則,允許在字內換行
?
break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本
?
keep-all : 與所有非亞洲語言的normal相同。對于中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本
?
語法: word-wrap : normal | break-word
?
參數: normal : 允許內容頂開指定的容器邊界
?
break-word : 內容將在邊界內換行。如果需要,詞內換行(word-break)也行發生說明:設置或檢索當當前行超過指定容器的邊界時是否斷開轉行。
?
建議:word-break 用3C檢測會顯示問題的,導致百度快照也會出問題-這個屬性OPERA FIREFOX 瀏覽器也不支持 word-break屬性可以用white-space:normal;來代替,這樣在FireFox和IE下就都能正確換行,而且要注意,單詞間的空格不能用 來代替,不然不能正確換行。
white-space:nowrap
通常我們使用white-space:nowrap來強制文本文字內容不換行,文本會在在同一行上顯示,直到遇到 <br> 標簽為止。
總結
以上是生活随笔為你收集整理的调整字体间距属性和文字换行属性的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: gitlab日常使用命令
- 下一篇: [损失设计]2.Softmax Loss