文章目录
  1. 1. 水平居中
  2. 2. 垂直居中方式
  3. 3. 参考文档

水平居中

  • 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

参考文档

文章目录
  1. 1. 水平居中
  2. 2. 垂直居中方式
  3. 3. 参考文档