html5将div并排

HTML5中，如果你想让`<div>`元素并排显示，你可以使用CSS布局技术来实现。主要有两种常用的方式：

1. **块级元素并排**（默认排列）：如果你只是简单地将多个`<div>`标签放在一行内，它们会自动并排放置，因为`<div>`默认是块级元素。只需保证它们有足够的宽度，并且没有浮动、定位等影响。

<div>Div 1</div>
<div>Div 2</div>
<div>Div 3</div>

对应的CSS可能会像这样设置：

div {
  width: 30%; /* 或自适应宽度 */
  margin-right: 1em; /* 保持间距 */
}

2. **流式布局（Flexbox）**：使用Flexbox可以更方便地控制元素的对齐和顺序。给包含这些`<div>`的容器添加`display: flex;`属性，就可以轻松调整元素布局。

<div class="container">
  <div>Div 1</div>
  <div>Div 2</div>
  <div>Div 3</div>
</div>

.container {
  display: flex;
  justify-content: space-between; /* 可以调整元素间的间距 */
}

3. **网格布局（Grid）**：对于更复杂的布局需求，可以使用CSS Grid，它允许创建二维网格系统。

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

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 划分3列 */
}