富贵资源网 Design By www.hznty.com
如果是单行文字想垂直居中，只要保证div高和行高保持一致，就可以了。用下面的代码即可实现：
复制代码代码如下:
#div-a{
height:60px;
line-height:60px;
}
如果是多行文字，上面的垂直居中的方法就不行了，得用变通的方法实现；这里建议使用table方法，在table外面再套上相应的div，
代码如下：
复制代码代码如下:
<table>
<tr>
<td style="vertical-align:middle;height:300px;background-color:red"></td>
</tr>
</table>
多行文字居中还有另外一种方法：
多行内容居中，且容器高度可变，也很简单，给出一致的 padding-bottom 和 padding-top 就行：
复制代码代码如下:
.middle-demo-2
{
padding-top: 24px;
padding-bottom: 24px;
}
复制代码代码如下:
#div-a{
height:60px;
line-height:60px;
}
如果是多行文字，上面的垂直居中的方法就不行了，得用变通的方法实现；这里建议使用table方法，在table外面再套上相应的div，
代码如下：
复制代码代码如下:
<table>
<tr>
<td style="vertical-align:middle;height:300px;background-color:red"></td>
</tr>
</table>
多行文字居中还有另外一种方法：
多行内容居中，且容器高度可变，也很简单，给出一致的 padding-bottom 和 padding-top 就行：
复制代码代码如下:
.middle-demo-2
{
padding-top: 24px;
padding-bottom: 24px;
}
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...