CSS中，水平對齊與居中對齊是常用的樣式技巧。通過CSS中的一些屬性，我們可以輕松實現元素的水平對齊或者居中對齊。 水平對齊一般采用 text-align 屬性，它有三個值可以設置：left、right、center。其中，left為左對齊，right為右對齊，center為居中對齊，如下代碼所示： pre { text-align: center; } 而居中對齊則要復雜一些，下面簡單介紹幾種方法： 1. Flex布局 Flex布局是CSS3中的一種新布局方式，它可以簡單的實現元素的居中對齊。首先要設置父元素的 display 屬性為 flex，然后將子元素的 justify-content 和 align-items 屬性都設置為 center。具體代碼如下： pre { display: flex; justify-content: center; align-items: center; } 2. 定位方式 將需要居中對齊的元素進行絕對定位，然后設置左、右、上、下的值均為 0，即可完成元素的居中對齊。代碼如下： pre { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } 3. margin自動 元素居中的另一種方法是使用margin:auto屬性，這需要將元素的寬度設置為一個具體的值，然后將左右margin都設置為auto，這樣就可以水平居中。具體代碼如下： pre { width: 50%; margin: 0 auto; /*左右自動*/ } 以上就是CSS中水平對齊與居中對齊的簡單介紹，它們可以在網頁布局中起到重要的作用。每種方法都有適用的情況，需要根據實際場景選擇合適的方式。