使用 CSS 布局小技巧

1. 行内元素、行内块元素，可以被父元素当作文本处理
   例如：下列可以用于上述元素，text-align,line-height,text-indent

2. 如何让子元素，在父亲中水平居中

• 若子元素是块元素，给父元素加上margin:0 auto;
• 若子元素是行内元素、行内块元素给父元素加上text-align: center;

3. 如何让子元素，在父亲中垂直居中

• 若子元素是块元素，给子元素加上margin-top，值为 (父亲content-子元素盒子的总高)/2
• 若子元素是行内元素、行内块元素
  • 让父元素的 **heighy=line-height*，每个元素都加上vertical-align: middle
  • 若想要绝对垂直居中，父亲元素的 font-size: 0