div 中的文字是多行的，怎样让他们垂直居中？

如何使文字在div中水平和垂直居中的css代码，<div>水平垂直居中</div>

使文字在div中水平和垂直居中的的css样式为
text-align:center; /*水平居中*/line-height: 20px; /*行距设为与div高度一致*/示例如下：
HTML元素
水平垂直居中css样式
div{width:200px;height:200px; /*设置div的大小*/border:1px solid green; /*边框*/text-align: center; /*文字水平居中对齐*/line-height: 200px; /*设置文字行距等于div的高度*/overflow:hidden;}显示效果

　1、如果是单行文字想垂直居中，只要保证div高和行高保持一致，就可以了；
　　用下面的代码即可实现：
　　代码如下：

　　2、如果是多行文字，上面的垂直居中的方法就不行了，得用变通的方法实现；这里建议使用table方法，在table外面再套上相应的div；
　　代码如下：
　　
　　
　　
　　
　　

单纯的用css控制的话，有一下几个方法可以解决：
1、用padding给div设置内边距，让文字看上去是垂直居中的
2、实用table布局，td默认情况下是垂直居中，所以在div内插入table，再在td上设置text-align:center;就能控制文字垂直居中和水平居中
3、通过给文字设置line-height来达到垂直居中的效果，比如你想div高度是height:50px;但是却又没设定这个属性，那你就可以用line-height:50px;同样达到效果

用padding给div设置内边距，让文字看上去是垂直居中的

必须知道div的高度，也就是说高度是一定的才能居中
不然的话没有办法，只能用js了