Fork me on GitHub

如何用css居中div

  1. 行高等于当前高度垂直居中,text-align水平居中
  2. 绝对定位(fixed&absolute),上下左右0,margin:auto
  3. 绝对定位,上左定位50%,上左用margin偏移高度或宽度的一半
  4. flex弹性盒子,justify-content:center水平居中,aligin-item垂直居中
  5. 父级设置display:table-cell;vertical-align:middel;text-align:center,子元素设置行内块
  6. 格子布局,display:gridjustify-content:center水平居中,aligin-item垂直居中
  7. 平移操作