一、CSS左右布局：
- 结果如下图（flex）：
- 代码如下：
二、CSS左中右布局：
- 结果如下图（flex）：
- 代码如下：
三、水平居中：
- 使用margin: 0 auto实现代码：
- 使用 flex属性justify-content: center实现代码：
- 使用display: inline-block元素的属性text-align: center实现代码：
上面代码实现效果：
##四、垂直居中： - 使用table标签自带属性实现代码：
- 使用伪元素before、after实现代码：
- 使用 flex属性align-items: center实现代码：
- 使用 相对定位加负margin实现代码：
- 使用 相对定位加负margin：auto实现代码：
- 使用 相对定位加 transform: translate实现代码：
近期评论