CSS布局

水平居中

  1. 块级元素给定宽度，添加margin
1
2
3
4
div{
	width:10px;
	margin: 0 auto
}

  1. 绝对定位块级元素

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    div {
    	position:absolute;
    	width:10px;
    	height:10px;
    	margin:auto;
    	left:0;			水平居中
    	right:0;
    	
    	/*top:0;*/ 	实现垂直居中
    	/*bottom:0;*/
    }

垂直居中

左右定宽中间扩展