vue2子元素在父盒子排列换行

你可以使用 CSS 的 `flexbox` 布局来实现子元素在父盒子中排列换行。具体来说，需要给父盒子设置 `display: flex;` 和 `flex-wrap: wrap;` 属性，让子元素能够在父盒子中自动换行。例如：

<div class="parent">
  <div class="child">子元素1</div>
  <div class="child">子元素2</div>
  <div class="child">子元素3</div>
  <div class="child">子元素4</div>
  <div class="child">子元素5</div>
  <div class="child">子元素6</div>
</div>

.parent {
  display: flex;
  flex-wrap: wrap;
}

.child {
  width: 100px;
  height: 100px;
  margin: 10px;
  background-color: #ccc;
}

上面的代码中，每个子元素都有固定的宽度和高度，并且设置了一定的外边距。当子元素数量超过父盒子的宽度时，子元素会自动换行。你可以根据实际情况调整子元素和父盒子的样式。