如何使文字在div中水平和垂直居中的css代碼。水平垂直居中？一個(gè)相對(duì)簡(jiǎn)單的方法是這樣的：如果假設(shè)div的高度為100px，寬度為1000px，那么如果這樣寫，文本將水平和垂直居中：< divst

如何使文字在div中水平和垂直居中的css代碼。水平垂直居中？

一個(gè)相對(duì)簡(jiǎn)單的方法是這樣的：如果假設(shè)div的高度為100px，寬度為1000px，那么如果這樣寫，文本將水平和垂直居中：< divstyle=“寬：1000px高：100px文本-對(duì)齊：中心線高度:100 px邊框：bluesolid1px“>水平和垂直居中</div> CSS是這樣的，文本-對(duì)齊：使其居中也就是說(shuō)，讓這個(gè)div中的文本水平居中，而行-高度：100px It表示div中每行文本的高度為100px（與該div的高度相同），因此文本垂直居中。也就是說(shuō)，如果你的div是200px高，你讓線-高度：200px文本將垂直居中。我不知道是否清楚。不，你不能再跟我打招呼了。

如何使文字在div中水平和垂直居中的css代碼？

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

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

2。將“text align”屬性添加到div標(biāo)簽，屬性值為“Center”，則文本將在div容器中水平居中：

3。將行高“Ling height”屬性添加到div標(biāo)簽，屬性值為“100px”的高度值，然后添加“vertical align”屬性，屬性值為“middle”，則文本將水平和垂直居中：