css如何让两个div并排剧中

CSS 是网页设计中非常重要的一部分，常常用于控制 HTML 元素的样式。在创建一个并排的布局时，我们常常需要让其中的元素剧中对齐。本文将介绍如何使用 CSS 让两个 DIV 元素并排剧中。

  

  



.container {
  display: flex;
  justify-content: center;
}

.left,.right {
  width: 200px;
  height: 200px;
  margin: 0 10px;
}

.left {
  background-color: red;
}

.right {
  background-color: blue;
}

如上述代码所示，我们创建了一个名为“container”的 DIV，其中包含左侧和右侧两个其他 DIV 元素。我们使用了 flexBox 布局，并使用属性“justify-content: center;”将父元素水平对齐。

我们还对左侧和右侧的元素进行了样式设置，为它们设置了宽度、高度和左右间距，并分别为它们设置了背景颜色。

运用上述代码，我们即可实现两个并排的 DIV 元素剧中对齐的效果。