在CSS中,你可以使用word-spacing
屬性來(lái)設(shè)置詞語(yǔ)之間的間距,這個(gè)屬性接受一個(gè)長(zhǎng)度值,表示相鄰兩個(gè)詞語(yǔ)之間的額外間距,下面是一些示例代碼,展示如何使用word-spacing
屬性:
示例1:設(shè)置詞語(yǔ)間距為10px
p { word-spacing: 10px; }
示例2:設(shè)置詞語(yǔ)間距為0.5em
p { word-spacing: 0.5em; }
示例3:設(shè)置詞語(yǔ)間距為1em(默認(rèn)值)
p { word-spacing: 1em; }
示例4:設(shè)置詞語(yǔ)間距為2em并應(yīng)用樣式到所有段落
p { word-spacing: 2em; }
示例5:設(shè)置詞語(yǔ)間距為30px并應(yīng)用樣式到特定段落
p.specific-paragraph { word-spacing: 30px; }
示例6:設(shè)置詞語(yǔ)間距為0.25em并應(yīng)用樣式到所有段落,但不包括首段
p:not(:first-child) { word-spacing: 0.25em; }
示例7:設(shè)置詞語(yǔ)間距為15px并應(yīng)用樣式到所有段落,但只包括奇數(shù)段落
p:nth-child(odd) { word-spacing: 15px; }
示例8:設(shè)置詞語(yǔ)間距為20px并應(yīng)用樣式到所有段落,但只包括偶數(shù)段落
p:nth-child(even) { word-spacing: 20px; }
示例9:設(shè)置詞語(yǔ)間距為1.5em并應(yīng)用樣式到所有段落,但只包括包含特定類名的段落
p.some-class { word-spacing: 1.5em; }
示例10:設(shè)置詞語(yǔ)間距為25px并應(yīng)用樣式到所有段落,但只包括不包含特定類名的段落
p:not(.some-class) { word-spacing: 25px; }