溫馨提示×

css如何讓文本垂直居中

css
養(yǎng)魚的貓咪
182
2021-03-25 14:54:58
欄目: 編程語言

在css中實現文本垂直居中的方法:1.創(chuàng)建div標簽;2.設置標簽寬高;3.使用line-height屬性設置文本垂直居中;

css如何讓文本垂直居中

在css中實現文本垂直居中的方法

1.首先,在頁面中創(chuàng)建一個div標簽,并添加文本;

<body>

   <div>文本垂直居中</div>

 </body>

2.div標簽創(chuàng)建好后,在css中給div標簽設置寬度和高度;

 div {

   width: 200px;

   hright: 200px;

}

3.div標簽設置好后,使用line-height屬性即可設置文本垂直居中;

 div {

   width: 200px;

   hright: 200px;

   line-height:200px;

}

效果:

css如何讓文本垂直居中

0