css 两个div并排居中

CSS是前端开发中非常重要的技术之一，它可以实现页面的美化和交互效果。其中，将两个div并排居中也是常见需求之一。

代码如下：.container {
      display: flex;
     /*使用flex布局*/  justify-content: center;
 /*水平方向居中*/}
.box {
      width: 200px;
      height: 200px;
      background-color: red;
      margin: 0 10px;
 /*两个盒子之间的间距*/}
    

如上所示，我们通过给父元素设置display: flex; 属性来将两个子元素并排显示，并通过justify-content: center; 属性将其水平方向居中。同时，需要注意设置子元素的宽度、高度和margin等样式。

在实际开发中，我们还可以通过其他方式实现两个div并排居中，例如使用float属性、position属性等等。选择不同的方法取决于具体情况和需求。

总之，掌握CSS的相关技能，能够让我们在前端开发中更加得心应手，实现更加出色的页面效果。

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