如何讓一個塊級元素水平垂直居中？要使div水平居中，只需設(shè)置固定的寬度和寬度邊距：0自動有兩種解決方案：1。div的高度和寬度是固定的事實上，解決方法如下：首先，我們需要位置：絕對定位。層的定位點采用

如何讓一個塊級元素水平垂直居中？

要使div水平居中，只需設(shè)置固定的寬度和寬度邊距：0自動有兩種解決方案：1。div的高度和寬度是固定的

事實上，解決方法如下：首先，我們需要位置：絕對定位。層的定位點采用負(fù)邊界法。負(fù)值是層本身的寬度和高度除以2。例如，層的寬度為400，高度為300。上部和左側(cè)的絕對定位距離設(shè)置為50%。margin top的值是-150。左邊距的值是-200。這樣就實現(xiàn)了以父層為中心的垂直層的風(fēng)格書寫。2條件是div的高度和寬度不是固定的。如果div的寬度不是固定的，那么使用div是很困難的，雖然可以用JS來獲取當(dāng)前的高度和寬度，然后附加CSS來解決，但是比用JS來解決這個問題要差一些，讓我給你一個想法。你不妨試試桌子的布局。如果未設(shè)置表的寬度，則默認(rèn)設(shè)置為最小化寬度和高度，以便設(shè)置表邊距：0自動你可以把桌子水平居中；如果你解決了水平居中的問題，你就可以解決垂直居中的問題。TD中的內(nèi)容默認(rèn)為垂直居中，因此只要它們相互嵌套，就可以解決水平居中和垂直居中的問題。但有一個問題，即需要垂直居中的父表的高度是否是固定的。如果父元素的高度是固定的，那么子元素的高度就不是固定的，所以可以垂直居中

當(dāng)兩個父元素都是塊級元素時，有兩種情況是水平居中：子元素和子元素{邊距：0自動}。需要注意的是，當(dāng)子元素的位置為非默認(rèn)且相對，此設(shè)置將無效。例如，標(biāo)簽中的文本內(nèi)容（如P）水平居中：使用{text}-對齊：居中}.Vertical center將元素的行高設(shè)置為元素的高度。例如：{高度：100px線高：100px}可以實現(xiàn)。注意：此方法適用于內(nèi)嵌元素

有許多方法可以使用CSS水平居中頁面元素。以下是一些實現(xiàn)方法供大家參考邊距：0自動要實現(xiàn)元素的水平居中，請參見以下CSS代碼以了解具體實現(xiàn)：

首先使用絕對位置，打開我們的測試編輯工具并創(chuàng)建一個新項目，如圖所示。

2. 那就打開它索引.html文件中，輸入以下代碼。

3. 首先，第一種方法是使用顯示：內(nèi)聯(lián)塊集將UL標(biāo)簽設(shè)置為行內(nèi)塊級元素，然后將Li標(biāo)簽設(shè)置為向左浮動。

4. 第二種方法是將div設(shè)置為顯示：表格集ul至顯示：表格單元格就這樣。

5. 第三種方法是使用顯示：內(nèi)聯(lián)flexCSS代碼如圖所示。

6. 這個方法的HTML是應(yīng)用一個div，如圖所示。

7. 然后將下圖中的CSS代碼寫入CSS文件。