块级元素水平居中

  • 定宽，左右margin为auto
  • display:flex;       justify-content：center;      flex-direction:row
  • 父元素设置text-align：center，使内部的行盒、块盒居中(文本)
  • 相对定位元素，left：0；right：0；定宽；左右margin：auto。
  • 相对定位元素，margin-left：50%；transform：translateX(-50%)
posted @ 2019-11-15 10:55  X1aoYE  阅读(159)  评论(0)  编辑  收藏  举报