CSS之布局初探

1. 左右布局
   1.1 float + margin

   
   
   
   

   1.2 绝对定位

   
   

2. 左中右布局
   1.1 float + margin

   
   

1.2 绝对定位

1.3 display table

3. 水平居中
   3.1 行内元素水平居中
   在父级元素上添加

text-align: center;

3.2 block元素水平居中

 margin: auto;

4. 垂直居中
   4.1 行内元素水平居中
   通过display: table 和 vertical-align: middle 实现
   

CSS 的属性 vertical-align 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。

4.2 block元素水平居中