Question

问一个css+div垂直居中问题

想让不仅一行文字垂直居中。padding方法怎么用？假如我设置width:500px;height:500px;padding设置为多少，这几行文字才会垂直居中？

Answer 1

如果用padding方法来实现，虽然可以，但不灵活。现在我把文字当图片处理，来进行垂直居中，这样就比较灵活了。

原理：把文字当图片处理。用一个span标签将所有的文字封装起来，设置文字与图片相同的display属性（inline-block属性），然后用处理图片垂直居中的方式处理文字的垂直居中即可。

 

方法如下图，(贴代码要审合，我直接截图了。) 

 1. 代码图  ↓

 

测试结果图(本人FF，IE7、8亲测通过。)

 

如果你对em单位不熟悉，可以换成PX像素值来。

Answer 2

其实你可以在文字的外面套个div，div设置垂直居中。。

Answer 3

这个你就涉及到行高的问题。要用到line-height这个属性。你在设置完padding属性以后，设置一下每行文字的高度，再设置行高。

Answer 4

不停游泳鱼说的不错

Answer 5

文字居中为什么不用text-align: center ?