Web前端开发笔记23——居中【归纳篇】

1.页面文字或内容居中，使用text-align，进行相对盒子的内容居中，盒子最好为块模式。

2.页面的顶端居中，使用margin：0 auto，进行盒子内元素的居中，元素不可以为浮动类型。

3.页面的元素绝对居中（即页面横纵居中），使用：

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);