佈局小技巧總整理

行內元素、行內塊元素可使用與文本類似的方式進行對齊處理，例如：text-align、line-height、text-indent等。

• 若子元素為行內元素或行內塊元素，給父元素加上: text-align: center;。
• 若子元素為塊元素，給父元素加上: margin: auto;。

• 若子元素為行內元素、行內塊元素：讓父元素的height = line-height，並讓每個子元素加上：
  vertical-align: middle;。補充：若想絕對垂直置中，父元素font-size 設置為0
• 若子元素為塊元素，給子元素加上: margin-top: 值為：(父元素 content - 子元素盒子總高)/2。