案例:
写一个<div>偶是单行文本,偶想垂直居中</div>
效果如图:
2.在<style>中加入CSS样式
<styletype=”text/css”>
div{
height:200px;
line-height:200px;
background:#3fc;
}
</style>
结果如图:
3.父元素的高度确定,table标签包裹然后设置vertical-align:middle
案例:
写三个<p>偶是多行文本1,偶想垂直居中</p>
<p>偶是多行文本2,偶想垂直居中</p>
<p>偶是多行文本3,偶想垂直居中</p>
效果如图:
4.table(因为td标签默认情况下就默认设置了vertical-align为middle。所以不用重新再写vertical-align:middle)标签包裹代码设置和效果图如下: