調整字型間距屬性和文字換行屬性

2021-09-29 20:52:34 字數 949 閱讀 9959

字型間距

一、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)也行發生說明:設定或檢索當當前行超過指定容器的邊界時是否斷開轉行。

white-space:nowrap

通常我們使用white-space:nowrap來強制文字文字內容不換行,文字會在在同一行上顯示,直到遇到

標籤為止。

CSS字型屬性和文字屬性

字型屬性 font size px 字型的大小 font weight 400 700 bold,表示加粗 400 lighter,不加粗 font family 字型 font style 字型為斜體或者正常字型字型的復合語法 選擇器文字屬性 color 文字顏色 text algin under...

字型屬性和文字屬性總結

一 字型屬性 1 字型 font family 微軟雅黑 宋體 設定字型,先找微軟雅黑,執行電腦上沒有這個字型再去找宋體,以此類推 2 字型大小 font size 20px 畫素單位 px,ex,rem px 絕對單位,一旦設定了值,不管網頁如何變化始終如一 em 相對單位,當前某塊區域的字型大小...

CSS的字型屬性和文字屬性

字型屬性用於定義字型系列 大小 粗細 和文字樣式 如斜體 屬性表示 備註font size 字型大小一定要跟上單位px font family 字型盡量使用系統預設字型,一般情況下,如果多個單詞組成的字型,要加引號。各種字型必須用英文逗號隔開。font weight 字型粗細 加粗 700或者bol...