CSS布局（待更新）

1 左右布局/左中右布局

<div class = "clearfix">
	<div class = "left" style = "float:left;"></div>
	<div class = "middle" style = "float:left;"></div>
	<div class = "right" style = "float:left;"></div>
</div>

.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

---

2 水平居中

2.1 块级元素

margin:auto;

2.2 行内元素

text-align:center;（父元素上加这句css）

2.3 绝对定位+负外边距

position:relative;（父元素上加这句css）
position:absolute;

---

3 垂直居中

3.1 块级元素

3.1.1 line-height

3.1.2

display: inline-block;
vertical-align: middle;

3.2 行内元素

###3.2.1 line-height + padding
###3.2.2

verticle-align:middle（待测试）

3.3 绝对定位+负外边距

---

4 其他小技巧

https://blog.csdn.net/qq_37298706/article/details/81561816