当前位置: 代码迷 >> 综合 >> 块级元素和行内样式居中方法
  详细解决方案

块级元素和行内样式居中方法

热度:47   发布时间:2024-02-23 17:34:51.0

1.块级元素居中两个条件

(1)盒子设置宽度

(2)盒子的左右外边距都设置auto

      .header {width: 900px;background-color: pink;margin: 0 auto;}

2.行内元素或者行内块元素水平居中一个条件

(1)给其父元素添加 text-align:center 即可

      .header {text-align: center;}

 

  相关解决方案