①水平居中:
文字:text-align:center;
容器:父级设置text-align:center;
容器本身设置:margin:0 auto;
②垂直居中:
文字:vertical-align:middle;或vertical-align:50%;
容器:
方法1: 父级定位position:relative
容器定位postion:absolute 左上角下移top:50% 上移margin-top:一半高
方法2: 父级display:table-cell与vertival-align:middle
容器margin:auto与vertical-align:middle
【方法2的display:table-cell在IE6中有bug,可以给父级设置个宽或高解决。】
先编写一个div,然后一定要固定宽度。代码如下:
给元素一个width值,再设置margin:0 auto,这样就居中了
margin;0 auto;