網頁CSS中怎么設置居中 在我們的網頁開發過程中，設計頁面元素的位置往往是必要的。居中是其中一種排版方式。以下是一些設置元素居中的方法。 在CSS中，有許多方式可以實現居中，如text-align:center，margin:auto等。以下是一個簡單的例子： p { text-align: center; } 使用text-align:center可以將段落中的文字水平居中。 如果您希望將元素垂直居中，可以使用以上方法中的margin:auto。這種方法是將上下邊距設置為相同的值，從而將元素垂直居中。 pre { margin: auto; } 在以上示例中，我們設置了pre元素在頁面中居中。請注意，這種方法只適用于設置了元素的寬度。 另外，如果您希望將文字和元素都居中，可以使用以下代碼： .container { display: flex; justify-content: center; align-items: center; } 在以上示例中，我們將具有.container類的元素設置為flex布局，并使用justify-content:center和align-items:center將其水平和垂直居中。 總結 在網頁開發中，居中排版是經常用到的一種方式，可以為用戶提供更良好的瀏覽體驗。以上是一些CSS中設置元素居中的方法，希望對您有所幫助。