居中对齐的实现方式

水平居中

  • inline 元素:text-align:center
  • block 元素:margin:auto
  • absolute 元素:left:50% + margin-left 宽度负值

垂直居中

  • inline 元素:line-height 的值等于 height 值
  • absolute 元素:top:50% + margin-top 高度负值
  • absolute 元素:transform(-50%,-50%)
  • absolute 元素:top,left,bottom,right=0 + margin:auto

小刘

纸上得来终觉浅,绝知此事要躬行

你可能也会喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注