有4个div,怎么设置一行只能放两个div

如果你想在一排显示四个 `div`，并且每个 `div` 占据一行，并且最多只显示两个 `div`，你可以采用响应式布局或者栅格系统。这里提供一种常见的CSS Grid布局的方式：

首先，创建一个包含这四个 `div` 的容器，然后设置容器的 `display: grid` 属性：

<div class="container">
  <div class="grid-item">Div 1</div>
  <div class="grid-item">Div 2</div>
  <div class="grid-item">Div 3</div>
  <div class="grid-item">Div 4</div>
</div>

接着，在CSS中设置：

.container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)); /* 这里50%代表每个列的最大宽度是父容器的一半，auto-fit让列自适应 */
  gap: 1rem; /* 两列之间的间距 */
  overflow-wrap: break-word; /* 防止最后一行过长导致换行 */
  line-height: normal; /* 为了保证文本垂直居中，可以根据需要调整 */
}

.grid-item {
  background-color: #f1f1f1; /* 仅作示例，替换为你想要的实际样式 */
  padding: 1em;
}

这样，`div` 就会在一行显示两个，如果屏幕变窄，它们会自动换行显示，直到所有 `div` 都展示完毕。如果需要，还可以根据屏幕尺寸调整网格项目 (`grid-item`) 的大小或布局。