用下面的代码即可实现：
代码如下：
2、如果是多行文字，上面的垂直居中的方法就不行了，得用变通的方法实现；这里建议使用table方法，在table外面再套上相应的div；
代码如下：
<table>
<tr>
<td style="vertical-align:middleheight:300pxbackground-color:red"></td>
</tr>
</table>
3、多行文字居中还有另外一种方法：
多行内容居中，且容器高度可变，也很简单，给出一致的 padding-bottom 和 padding-top 就行：
.middle-demo-2
{
padding-top: 24px
padding-bottom: 24px
}
CSS代码为｛
margin:0 auto
width:80%
height:100%｝
如果是input，则可以用另一种方法，即上一级的标签定义css｛text-align:center｝
内联元素(inline element)主要有span， a，img，select等
