Javascript 我怎样才能安排更多的节目？

如何安排多个div

您可以在我尝试排列它们时查看：

我希望这个安排是对称的，但我不知道怎么做。因为一个div可以有更多的文本，你会建议我做什么

我希望结果如下所示：

HTML代码：

.label{
宽度：3.025英寸；
填充：.125英寸.3英寸0；
右边距：.125英寸；
边缘底部：.125英寸；
浮动：左；
文本对齐：居中；
溢出：隐藏；
轮廓：1个点；
}

书

标题：测试

作者：姓名

类别：幻想

说明：说明..

价格：1552

在您的示例中，div元素可能具有不同的高度。 我建议你

使用css省略号

使用砌体网格

---

使用flex Box布局模块的flex wrap属性如何。不适合父flex容器的项目被强制到另一行

<div class="content">
  <div class="red">1</div>
  <div class="green">2</div>
  <div class="blue">3</div>
  <div class="yellow">4</div>
</div>

/* Flexbox Styles */
.content {
    display: flex;
    flex-wrap: wrap;
}

1.
2.
3.
4.
/*Flexbox样式*/
.内容{
显示器：flex；
柔性包装：包装；
}

---

即使父容器中的项目数为奇数，这也提供了一个很好的对称排列

是否使用引导？如果是，请添加标签。你想要一个引导解决方案，还是只是CSS？在我看来，出于总体布局的目的，你不应该将两者混用。”我希望结果是这样的：“-那么你希望显示在一行上的项目彼此相邻，具有相同的高度，而不管其中一行的内容是否比另一行短？然后结合Bootstrap研究“等高列”。