如何使文字在div中水平和垂直居中的css代码,水平垂直居中?

发布网友发布时间：2022-04-24 11:47

共1个回答

热心网友时间：2022-04-06 12:32

一个比较简单的方法就是这样：
你们假设你的DIV是高度100PX，宽度是1000PX，那你这样写，你的文字就会水平垂直居中：
<div style="width:1000px; height:100px; text-align:center; line-height:100px; border:blue solid 1px;">
水平垂直居中
</div>
CSS是这样的，text-align:center意思就是说，让这个DIV里的文字水平居中，而line-height:100px;的意思是说，让DIV里面的每一行文字，占的高度为100PX（和那个DIV的高度一样），这样，文字就垂直居中了。也就是说，如果你的DIV是200PX高，那你就让line-height:200px;文字就会垂直居中了。
不知道说明白没有。不行，你再HI我好了。

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com