css怎么把div分成几份在一行显示

要将一个div分成几份，并在一行显示，可以使用CSS的Flexbox布局或者Grid布局。

使用Flexbox布局：

1. 在包含这些div的父级容器上应用display: flex;属性，将其设置为一个flex容器。
2. 将父级容器的宽度设置为所需的宽度。
3. 设置每个div的flex属性，以决定它们在行中所占的比例。例如，如果要将div分成3份，则可以将每个div的flex属性设置为1。
4. 如果需要指定每个div之间的间距，可以使用margin属性。

示例代码： HTML:

<div class="flex-container">
  <div class="flex-item">1</div>
  <div class="flex-item">2</div>
  <div class="flex-item">3</div>
</div>

CSS:

.flex-container {
  display: flex;
  width: 100%;
}

.flex-item {
  flex: 1;
  margin: 5px;
}

使用Grid布局：

1. 在包含这些div的父级容器上应用display: grid;属性，将其设置为一个grid容器。
2. 使用grid-template-columns属性来定义每个列的宽度。例如，如果要将div分成3份，则可以将grid-template-columns属性设置为"1fr 1fr 1fr"。
3. 如果需要指定每个div之间的间距，可以使用grid-gap属性。

示例代码： HTML:

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

CSS:

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px;
}

这样，div就会被分成几份，并在一行中显示。