div中如何設置文字居中？

讓div中的文字水平居中很容易，只需要將屬性text-align設置為center或將margin設置為0 aotuo就可以了。而讓div中的文字垂直居中還是要費一番周折的。

1.首先如果div中只有一行文字，那么可以通過將lineheight屬性和height屬性的值設為一樣來實現。

2.如果div中有多行文字時，則需要通過position屬性來實現垂直居中的效果了，代碼如下：html:<div id="box"><div id="sub"><div id="content">垂直居中</div></div></div>css: #box{border:1px solid #000;background:#f00;position:relative;height:400px;width:400px} #sub{position:absolute;top:50%} #content{border:1px solid #fff;position:relative;top:-50%;color:#000}