html使div内部元素水平排列,如何使三个div水平排列

可以使用 CSS 中的 `display: flex` 属性来实现三个 div 水平排列。具体方法如下：

HTML 代码：

<div class="wrapper">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

CSS 代码：

.wrapper {
  display: flex; /* 设置弹性布局 */
  justify-content: space-between; /* 设置子元素之间的间距 */
}

.box {
  width: 100px; /* 设置子元素宽度 */
  height: 100px; /* 设置子元素高度 */
  background-color: #ccc; /* 设置子元素背景色 */
}

这样就可以让三个 div 元素水平排列，且宽度相等，每个元素之间有空隙。如果想要让三个 div 元素紧密排列，可以将 `justify-content` 属性的值改为 `space-around` 或 `center`。