佈局神器table

用法

• 設置在父元素上的屬性
  display: table;
• 設置在子元素上的屬性
  display: table-cell;

table特色

• 對寬度高度敏感
• margin值無效
• 等高(可實現等高佈局)
• 可以使用傳統表格樣式，如table-layout

兼容IE8, 對於IE6/7，咱們可使用display： inline-block屬性代替

.parent {
    display: table;
}
.child {
    display: table-cell;
    vertical-align: middle;     //可調整子元素的對齊方式
}