CSS 字體間距和居中是 Web 開發(fā)中常常需要處理的問題之一。本文將介紹通過 CSS 實(shí)現(xiàn)字體間距控制和文本居中的方法。

/*
 * 字體間距
 */
 text-indent: 2em; // 文本縮進(jìn)2個(gè)字符
 letter-spacing: 2px; // 字符間距為2px
 line-height: 1.5em; // 行高為1.5倍字體大小
 text-align: justify; // 兩端對(duì)齊，會(huì)自動(dòng)調(diào)整字間距和單詞間距
/*
 * 文本居中
 */
 display: flex; // 使用 flex 布局
 justify-content: center; // 水平居中
 align-items: center; // 垂直居中

以上代碼中，字體間距控制通過 text-indent、letter-spacing、line-height 和 text-align 屬性進(jìn)行設(shè)置。其中 text-indent 屬性可以實(shí)現(xiàn)首行縮進(jìn)功能；letter-spacing 屬性可以調(diào)整字符間距；line-height 屬性可以調(diào)整行高，從而實(shí)現(xiàn)字體之間的間距控制；text-align 屬性可以實(shí)現(xiàn)兩端對(duì)齊的功能，同時(shí)會(huì)自動(dòng)調(diào)整字間距和單詞間距。

文本居中控制通過使用 flex 布局進(jìn)行設(shè)置。display 屬性設(shè)置為 flex，表示使用 flex 布局；justify-content 屬性設(shè)置為 center，表示水平居中；align-items 屬性設(shè)置為 center，表示垂直居中。通過這種方式，可以輕松實(shí)現(xiàn)文本在一個(gè)容器中的水平和垂直居中。