css 实现文字垂直居中

当前位置 : 首页 > 网页制作 > CSS > css 实现文字垂直居中

css 实现文字垂直居中

来源: 作者: 时间:2015-11-24 08:47
如题,用html,css如何实现垂直居中。水平居中我们知道最简便的方法就是margin:auto,但是margin只是相对宽度有效。
如题,用html,css如何实现垂直居中。水平居中我们知道最简便的方法就是margin:auto,但是margin只是相对宽度有效。
分两种情况:
fix height:
即垂直居中的元素高度已知,这个比较简单,也不需要额外的辅助元素。



提示:您可以先修改部分代码再运行

variable height:
居中元素高度可变,这个需要额外的一个wrapper元素,用table-cell的方式来模拟表格的居中实现,当然,早期的ie又是另一招,具体可见代码。



提示:您可以先修改部分代码再运行
Tag:
网友评论

<