元素居中对齐
可以使用margin-auto。（设置宽高防止溢出容器之外）
文本居中对齐
text-align:center
图片居中对齐
使用margin:auto;(将其放入 块盒 中)
左右对齐
- 1.定位方式：可使用position:absolute 属性
- 2.也可使用浮动float
垂直居中对齐
1.可使用padding
水平垂直居中
可使用padding和text-align:center
垂直居中
- 1.使用行高（line-height=height） 位置（position），外观(transform)
- 2.设置容器（container）上下的padding相同
- 3.多行文本可使用vertical-align:middle
使用flex布局下垂直&水平居中
- 1.设置父级的display为flex
- 2.设置子级:
- align-items: center;
- justify-content: center;
