By
laomu1988
水平居中
- text-align: center (inline)
- width:,margin: 0 auto (block)
- left: 50%;margin-left: - (float,absolute)
垂直居中方式
- 文本: line-height
- 绝对定位居中(absolute center)
- 负外边距(nagative margins)
- 变形(transforms)
- 表格单元格(table-cell)
- 增加伪元素后vertical-align: middle
- flexbox
参考文档