======示例代码无法展示，请看原文https://magicly.me/css-layout/======布局是CSS非常重要的一部分，甚至我认为这是最重要也是最难的部分，其他的比如字体大小，颜色等等都很容易。最近总结了常用的CSS布局，包括水平居中、垂直居中、单列布局、多列布局等，还有最新的flex布局，希望能给前端朋友一些帮助，也作为自己知识的总结。在下面的例子中，我特意调整了每个块的背景颜色，以供大家“欣赏”。水平居中子元素为内联，直接给父元素设置text-align:center如：
