Question

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

Answer 1

先设置一个div的宽高，使用text-align水平居中；再使用line-height上下居中即可（line-height设置的高度需跟div的高度一致）
代码如下
<style>
.ceter{ width:700px; height:700px; border:1px solid #F00; text-align:center; line-height:700px;}
</style>
<div class="ceter">再HTML中如何使一个div块中的文字位于它的正中央？</div>

Answer 2

左右居中的话在css中设置 { text-align: center;}；
上下居中的话在css中设置 { line-height : x ;height: x} 行高和DIV的高度一致。

追问

多谢

Answer 3

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

Answer 4

<div style="text-align:center;width:500px; height:200px; margin:0 auto; border:1px solid #000;">文字</div>

追问

在竖直方向上如何居中？

追答

文字; 这是只有一行文本的时候竖直方向上的居中。如果是多行文本，你可以使用display：table-cell这个属性解决，或者你把文字用一个标签抱起来，在知道固定高度的情况下，使用定位居中；比如，文字
;

追问

好的，多谢

追答

客气