CSS如何設置居中對齊 居中對齊是網頁布局中常見的一種方式，可以將頁面元素居中顯示，讓頁面看起來更加美觀。在CSS中，設置居中對齊可以通過以下幾種方式實現。 1. 水平居中對齊 要將頁面元素水平居中對齊，可以使用以下CSS代碼： pre{ display: flex; justify-content: center; } 這段代碼將元素的display屬性設置為flex，使用justify-content屬性將元素居中對齊。此外，還可以使用text-align屬性將內部文本居中對齊，例如： p{ text-align: center; } 這樣設置會將p標簽內部的文本居中對齊。 2. 垂直居中對齊 要將頁面元素垂直居中對齊，可以使用以下CSS代碼： pre{ display: flex; align-items: center; } 這段代碼將元素的display屬性設置為flex，使用align-items屬性將元素垂直居中對齊。此外，還可以使用line-height屬性將行高設置為與元素高度相等，例如： p{ height: 100px; line-height: 100px; } 這樣設置會將p標簽內部的文本垂直居中對齊。 總結 CSS中設置居中對齊可以通過以上幾種方式實現，其中使用flex布局是最常見的方法。在設計網頁布局時，選擇合適的對齊方式可以讓頁面看起來更加美觀，提升用戶體驗。