CSS中盒子水平居中是網頁設計過程中非常重要的一步。在頁面布局中，盒子水平居中可以讓網頁看起來更加美觀和整潔。本文將介紹幾種實現盒子水平居中的方式。 使用text-align屬性 第一種方法是使用text-align屬性。text-align可以實現讓塊級元素內部的文本或一個行內元素水平居中，也可用于表格單元格。在這種方式下，要讓模塊水平居中，需要進行容器元素的設置。使用margin屬性 第二種方法是使用margin屬性。在這種方式下，要讓模塊水平居中，需要進行模塊元素的設置。使用flex布局 第三種方法是使用flex布局。flex布局是CSS3中新增的彈性盒布局模型，它讓盒子的排列更加靈活，便于實現居中問題。在這種方式下，要讓模塊水平居中，需要進行容器元素的設置。總結 三種方法分別是使用text-align、margin和flex布局來實現盒子水平居中。在選擇方法時，需要根據具體情況來進行選擇。比如，如果是一個純文本的居中，就可以使用text-align；如果是一個圖層，就可以使用margin；如果是一個較為復雜的盒子，并且需要考慮到布局的可擴展性，可使用flex布局。希望本文能對大家的學習及工作有所幫助。