前端局中方法

2021-01-12 91 阅读1分钟

1.常用局中方法

文本水平居中： text-align:center
文本垂直居中：
- (1)设置line-height=父元素的height （单行文本）
- (2)通过设置padding-top、padding-bottom

子盒子在父盒子里实现居中(position)

.loading {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 99;
}

子盒子在父盒子里实现居中(flex)

  .parent{
    display:flex;
    justify-content: center;
    align-items:center;
  }

参考