什么代码实现四个div元素并列一排显示

在 HTML 中，可以使用 `div` 元素来创建容器，并使用 CSS 来设置它们的样式，包括宽度、高度、边框、背景色等，从而实现四个 `div` 元素并列一排显示。下面是一个示例代码：

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

.container {
  display: flex; /* 设置容器为弹性布局 */
}

.box {
  width: 100px; /* 设置每个 box 元素的宽度 */
  height: 100px; /* 设置每个 box 元素的高度 */
  border: 1px solid black; /* 设置边框 */
  background-color: gray; /* 设置背景色 */
}

在上面的代码中，我们使用了 Flexbox 布局来实现四个 `div` 元素并列一排显示，设置容器 `.container` 的 `display` 属性为 `flex`。然后，我们设置每个 `div` 元素的宽度、高度、边框和背景色等样式，通过 Flexbox 布局，这四个 `div` 元素将会并列一排显示。