垂直水平居中
Posted Booo
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了垂直水平居中相关的知识，希望对你有一定的参考价值。
.parent{
position：relative；
}
.left{
width：200px;
height:100%;
}
.right {
margin: auto;
position: absolute;
top: 0;
left: 200px;
bottom: 0;
right: 0;
}
优点：
1.支持跨浏览器，包括IE8-IE10.
2.无需其他特殊标记，CSS代码量少
3.支持百分比%属性值和min-/max-属性
4.只用这一个类可实现任何内容块居中
5.不论是否设置padding都可居中（在不使用box-sizing属性的前提下）
6.内容块可以被重绘。
7.完美支持图片居中。
缺点：
1.必须声明高度（查看可变高度Variable Height）。
2.建议设置overflow:auto来防止内容越界溢出。（查看溢出Overflow）。
3.在Windows Phone设备上不起作用。
以上是关于垂直水平居中的主要内容，如果未能解决你的问题，请参考以下文章