css 两个div 同行 水平对齐

在进行网页布局时，经常会遇到需要将两个或多个div放在同一行并水平对齐的情况。这时候我们可以使用CSS来实现。下面是一个示例：

style>
  .container {
        display: flex;
        justify-content: space-between;
  }
    /style>
    div class="container">
      div class="item item1">
        p>
    第一个div的内容/p>
      /div>
      div class="item item2">
        p>
    第二个div的内容/p>
      /div>
    /div>
    

以上代码中，我们使用了flex布局来实现两个div的水平对齐。具体来说，我们设置了.container的display属性为flex，使其以flex布局排列。同时，我们还使用了justify-content: space-between; 来将两个div分别放置在容器的两端。

需要注意的是，以上实现方式要求使用现代浏览器才能支持。如果需要兼容旧浏览器，我们可以使用其他布局方式，如float、display:inline-block等。

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