怎么让div两两排列

为了让div元素两两排列，你可以采用CSS网格布局、Flexbox或者传统的浮动布局。这里我会介绍两种常用的方法：

1. **使用Flexbox**:
如果每个div都有相同的宽度，并且需要在一行内每两个div间留空隙，可以这样做：

<div class="container">
  <div>Div 1</div>
  <div>Div 2</div>
  <div>Div 3</div>
  <div>Div 4</div>
  <!-- 更多div... -->
</div>

<style>
.container {
  display: flex;
  row-gap: 10px; /* 或者设置你喜欢的间隙 */
}

2. **使用CSS Grid**:
CSS Grid允许更精细的控制行和列的分布，创建等间距的两两排列效果：

<div class="grid-container">
  <div>Div 1</div>
  <div>Div 2</div>
  <div>Div 3</div>
  <div>Div 4</div>
  <!-- 更多div... -->
</div>

<style>
.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 两列 */
  grid-gap: 10px;
}

在上述示例中，`.container` 或 `.grid-container` 类设置了相应的样式，可以根据实际需求调整间隙值。