【css】水平居中

行级元素水平居中对齐

//父元素
text-align: center;

块级元素水平居中对齐

margin: 0 auto;

浮动元素水平居中

宽度不固定的浮动元素

float: left;
position: absolute || relative;
left: 50% || right:50%;

宽度固定的浮动元素

float: left;
width: 500px;
position: relative;
left: 50%;
top: 50%;
margin-left: -250px; /*使用marin向左移动250px(宽度的一半)，保证元素居中*/

绝对定位的元素

height: 200px;
width: 200px;
background: black;
position: absolute;
margin: 0 auto; //水平居中
left: 0; //此处不能省略，且为0
right: 0; //此处不能省略，且为0

end