CSS居中

一、水平居中

方法1：

width：100px;/max-width: 100px;

margin：0 auto;

注意使用max-width时，元素内容的宽度在不足max时是虽内容本身变化的。

方法2(水平和垂直同时实现)：

position:absolute;

width:400px;

height:200px;

top:50%;

left:50%;

margin-top:-100px;

margin-left:-200px;

方法3：

使用text-align:center。

#demo2 {
text-align: center;
}
#demo2_1 {
display: inline-block;
width: 50%;
background: red;
}