- block元素在父元素中的水平居中,我们会给它设置一个宽度,然后设置margin-left:auto; margin-right:auto;
- block元素内的inline元素的水平居中；text-align,CSS属性定义行内内容（例如文字）如何相对它的块父元素对齐。该属性不控制父元素的对齐
- 绝对定位相对于他的非static元素居中
- 首先对绝对定位元素使用top:50%; left:50%;时，是以左上角为原点定位，如下图，是左上角的原点居中，但是元素本身并不居中。
- transform：translate(-50%，-50%):向上（X轴）向左（Y轴）移动自身长宽的50%，使其位于中心。（也可以用margin-left，top向左移动半个宽度）
- 媒体查询响应式居中:
- 媒体查询设置min-width:500，（大于等于500）
- 如果大于500，设置div最大宽度，并且margin:auto
- 如果小于500，此时div自动充满屏幕，使用内外边距看起来居中
待补充
