css水平对齐

块元素居中对齐

margin属性可以设置元素的外边距的，如果设置元素的左右外边距都为auto,即可实现居中。

注意：ie8及之前的版本auto是无效的，需要声明！DOCTYPE

.center{
   margin-left:auto;
   margin-right:aoto;
   width:60%;
}

 

绝对定位左右对齐

将position属性设置为absolute，即绝对位置，再通过left,right属性即可实现左右对齐。

ie8及之前的版本，需要声明！DOCTYPE

.left{
   position:absolute;
   left:0px;
}

.right{
   position:absolute;
   roght:0px;
}

float属性左右对齐

通过float属性实现元素的浮动

ie8及之前的版本，需要声明！DOCTYPE

.right{
  float:right;
  width:100px;
}