CSS 字的間距是指字符之間的距離,可以通過(guò)設(shè)置 letter-spacing 屬性來(lái)修改。該屬性的值可以為正數(shù)、負(fù)數(shù)或零,用來(lái)控制字符之間的間距。
/* 將字間距設(shè)置為 1px */ p { letter-spacing: 1px; }
除了 letter-spacing,還有一個(gè) word-spacing 屬性,可以控制單詞之間的間距,用法與 letter-spacing 相似。
/* 將單詞間距設(shè)置為 2px */ p { word-spacing: 2px; }
如果你想同時(shí)修改字間距和單詞間距,可以使用 CSS3 新增的 text-spacing 屬性。
/* 將字間距設(shè)置為 1px,單詞間距設(shè)置為 2px */ p { text-spacing: 1px 2px; }
除了修改字間距、單詞間距外,我們還可以通過(guò)設(shè)置 text-align 和 text-indent 屬性來(lái)調(diào)整文字的排版,達(dá)到更好的閱讀效果。
/* 將文本居中對(duì)齊 */ p { text-align: center; } /* 將首行縮進(jìn) 2個(gè)字符 */ p { text-indent: 2em; }
總之,CSS 字的間距和排版是 web 設(shè)計(jì)中不可忽略的一部分,我們可以通過(guò)合理的設(shè)置,使文字呈現(xiàn)出更美觀、清晰、易讀的效果。