如何讓div中的內(nèi)容上下居中顯示？下面是使div中的內(nèi)容垂直居中的具體操作方法：1。首先，我們準備一個空的HTML文檔。2. 接下來我們需要準備的是準備一個div來放置內(nèi)容。在這里，我們專門為div設

如何讓div中的內(nèi)容上下居中顯示？

下面是使div中的內(nèi)容垂直居中的具體操作方法：

1。首先，我們準備一個空的HTML文檔。

2. 接下來我們需要準備的是準備一個div來放置內(nèi)容。在這里，我們專門為div設置了顯示邊界。

3. 接下來，我們將向div添加內(nèi)容，如下圖所示。運行之后，您會發(fā)現(xiàn)內(nèi)容傾向于左上角。

4. 接下來，讓我們將div水平居中，如下圖所示，并將行高設置為div的高度。您將發(fā)現(xiàn)它在水平和垂直方向居中。

如何讓div中的內(nèi)容垂直水平居中？

您可以使用“文本對齊”屬性和“行高”屬性。

1. 創(chuàng)建一個新的HTML文件，在body標記中添加一個div標記，并在div標記中輸入文本。這里，以“demo text”為例，將width、height和background color屬性設置為div標簽，屬性值分別為200、100和gray。此時，“演示文本”的默認位置是div框的左上角：

2。將“text align”屬性添加到div標記中，屬性值為在這種情況下，文本將在div容器中水平居中：

3。將行高“Ling height”屬性添加到div標簽，屬性值為“100px”的高度值。然后添加“垂直對齊”屬性，屬性值為“中間”。在這種情況下，文本將水平和垂直居中