CSS3中可以使用word-spacing
屬性來調(diào)整每個字之間的空格,這個屬性可以指定相鄰兩個字符之間的空間大小,下面是一些示例代碼,展示如何使用word-spacing
屬性:
示例1:增加字間空格
p { word-spacing: 10px; }
示例2:減少字間空格
p { word-spacing: -5px; }
示例3:使用em單位設置字間空格
p { word-spacing: 0.5em; }
示例4:使用百分比設置字間空格
p { word-spacing: 20%; }
示例5:重置瀏覽器默認的字間空格
p { word-spacing: normal; }
示例6:應用不同的字間空格到不同的段落
p:first-child { word-spacing: 10px; } p:last-child { word-spacing: -5px; }
示例7:使用媒體查詢調(diào)整字間空格
@media (min-width: 600px) { p { word-spacing: 10px; } } @media (max-width: 600px) { p { word-spacing: -5px; } }
通過調(diào)整word-spacing
屬性的值,可以實現(xiàn)對每個字之間空格的***控制,從而改善文本的排版效果。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。