这可能是最全面的CSS基础布局文章

这可能是最全面的CSS基础布局文章

前言这是一篇基础CSS布局的内容，可能内容比较的简单。但是很适合查缺补漏的阅读。这篇文章来自于互联网（掘金：Sweet_KK）。我简单的自己跑了一遍，添加了一些自己的看法，删了一些个人感觉不重要的，重新排版了一下。当然，如果原作者感觉不妥，私信就删。一、水平居中1.1、文本/行内元素/行内块级元素tips：text-align只控制行内：文字、行内元素、行内块级元素，相对于它的块级父元素对齐。

使用margin-left需要先知道宽度；并且在IE9以下，使用transform兼容性不好。

设置tabl-cell的元素，宽度和高度的值设置百分比无效，需要给它的父元素设置display:table;才生效。table-cell不感知margin，在父元素上设置table-row等属性，也会使其不感知height。设置float或position会对默认布局造成破坏，可以考虑为之增加一个父div定义float等属性；内容溢出时会自动撑开父元素。

2.6、flex