css中元素居中问题

div居中问题：

1>margin:0 auto; (自动水平居中)

2>width:180px;

left:50%;

margin:0 0 0 -90px;

如直接设置margin-left:auto;(自动居中)无效，

可将div设置为left:50%,再将margin-left设置为div宽度一半的相反数。

相当于将div向左平移一半宽度的像素，最终效果为居中。

3>div中元素垂直居中:

设置元素line-height 与div的height相同，

则元素在div中垂直居中。