如何让div中的文字居中？怎样让一个div内的文字居中显示？

本文目录：

• 1、如何在一个div中使文字居中显示
• 2、再HTML中如何使一个div块中的文字位于它的正中央？

1、可以用text-align属性设置。首先打开hbuilder编辑器，新建一个html文件，先切换到边改边看模式：

2、写一个div出来，同时在内部加上一些文字，使用css增加属性，使得div的区域看得清楚：

3、接下来就使用text-align的center属性将文字横向居中，同时设置行高，使这行文字实际占用的高度和div高度相同，就产生了居中效果：

4、如果是多行文字，需要配合行内标签p和它的padding属性来完成居中，以上就是css设置div文字居中的演示：

如何在一个div中使文字居中显示

由于div 是块级元素，在css中并没有可以使块级元素内的元素垂直居中的属性。所以只能使用其他的方法。

设置文字的padding，使其达到居中的效果。、

在文字外层，div内包裹一个

标签，

并将p标签的大小设置的与div标签同样大小。再对p标签应用vertical-align ：middle属性。

具体如下：

div{ width:200px;height:200px;/*设置div的大小*/ border:1pxsolidgreen;/*边框*/ text-align:center;/*文字水平居中对齐*/ line-height:200px;/*设置文字行距等于div的高度*/ overflow:hidden; }

再HTML中如何使一个div块中的文字位于它的正中央？

方法1、设置内边距，
{padding:20px;
text-align:center;}
方法2、行高设置为与盒子高度一致
{height:100px;
line-height:100px;
text-align:center;}