## 布局容器 AUI的布局容器有兩種`.aui-content`、`.aui-card`和`.aui-content-padded`默認背景色為#ffffff；用戶可以根據實際情況來定義。`.aui-content-padded`為增加了10px的外邊距。<br/> `.aui-card`為圓角類，默認有10px的外邊距 ~~~ <div class="aui-content"> ...... </div> ~~~ * * * * * ### 常用標簽在aui中的處理 `<a></a>`標簽的默認顏色為：`#0062cc`; `<p></p>`增加了margin-bottom為`10px`的邊距，默認字號為`14px`，顏色為`#8f8f94`; h標題類分別做了margin-top，margin-bottom為5px的處理； * * * * * ### 對齊、顯示、隱藏的處理 左對齊：`.aui-pull-left`<br/> 右對齊：`.aui-pull-right`<br /> 顯示：`.aui-show`<br/> 隱藏：`.aui-hide`<br/> 單行文字超出省略：`.aui-ellipsis-1`<Br/> 兩行行文字超出省略：`.aui-ellipsis-2`<Br/> * * * * * ### 容器邊距類的處理 方便用戶快速使用邊距類的操作，在aui中我固定了幾個控制內邊距類的樣式 `.aui-padded-*`為上下左右內邊距，`*`的值有5、10、15、20，例如`.aui-padded-10`為上下左右10px的內邊距。<br /> 同時增加了上下為0，控制左右的處理，使用方法為.aui-padded-0-*；<Br/> * * * * * ## 柵格系統 使用過Bootstrap的用戶可能會對柵格系統有所了解，根據Bootstrap的系統和針對移動設備對柵格系統重新做了定義，根據手機屏幕做了最多12列的等分。例如：`.aui-col-xs-2`則是進行6等分。 ~~~ <div class="aui-content"> <div class="aui-col-xs-2">...</div> </div> ~~~ 柵格系統在app的開發過程中會經常使用到，比如在演示app中圖片列表、九宮格、十六宮格等都是基于柵格系統來完成布局。