單列布局：
水平居中：
水平居中是一種常見(jiàn)的頁(yè)面布局棒搜，多出現(xiàn)于標(biāo)題肖油。下面是四中水平居中的方法：（這里面全都是針對(duì)child來(lái)進(jìn)行操作的）
使用inline-block和text-align來(lái)實(shí)現(xiàn)：
.parent{text-align: center;}
.child{display: inline-block;}
使用table來(lái)實(shí)現(xiàn)：
.child{display:table;margin:0 auto;}
使用margin：0 auto來(lái)實(shí)現(xiàn)：
.child{width:200px;margin:0 auto;}
垂直居中：
使用flex來(lái)實(shí)現(xiàn)：
.parent{display:flex;align-items:center;}
多列布局：
接下來(lái)是重點(diǎn)了（雖然前面也很重要）
左列定寬，右面自適應(yīng)
D5U_~NL2H$ITT9MOX`)HBSC.png
利用float和margin來(lái)實(shí)現(xiàn)：
.left{float:left;width:100px;}
.right{float:left,margin-left:100px;}
兩列定寬，中間自適應(yīng)
