css并排的div怎么居中

当我们使用CSS来实现两个div并排显示时，如何使这两个div居中呢？简单来说，我们需要在父元素中设置“text-align:center; ”，并针对子元素设置“display:inline-block; ”，这样即可实现并排居中显示。

  .parent{
          text-align:center;
  }
    .child{
          display:inline-block;
  }
    

需要注意的是，这里的“display:inline-block; ”是为了让两个div在一行内显示，同时可以允许我们设置元素的宽度和高度，如果只是让子元素内部居中，可以使用“margin：auto; ”来实现。

此外，如果子元素的宽度不足以填满父元素的宽度，我们可以使用“flex”来实现最终效果。

  .parent{
          display:flex;
          justify-content:center;
          align-items:center;
  }
    .child{
          margin:0 10px;
          flex:1;
  }
    

在以上代码中，我们首先在父元素中设置display:flex; 来启用flex布局，并使用justify-content:center; 和align-items:center; 来实现水平和垂直居中。子元素则使用“flex:1; ”来撑满剩余空间，同时设置margin来达到间距效果。

总之，这些都是CSS实现并排div居中的几种方法，可以根据具体需求选择适合的方法来使用。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！