水平居中设置

行内元素

文字或图片若是要居中显示，可以给父元素设置css样式

{text-align:center;}

来实现

块状元素

定宽块状元素

对于设置了width的块状元素，可以通过设置margin为auto来实现居中。

div{width:2px;
      margin:auto;
     }

不定块状元素

不定块状元素就是width不固定的元素，有三种方法让不定块状元素居中。

1,<table>

将相应的元素放入table(包括tbody tr td)中，利用table的长度自适应性来进行居中，然后将该元素当成定宽块状元素，定义margin:auto,即可实现居中效果。

2.display-inline

将不定块状元素设置成行内元素，然后通过{text-align:center;}来进行居中。

3.设置浮动和相对定位

将父元素设置为浮动靠左50%,相对定位

 {float:left;
   position:relative;
   left:50%;
   }

然后将子元素设置为相对定位，左靠-50%.

{position:relative;
  left:-50%;
}