Html 我试图将这些div均匀对齐，没有空格；我不知道'；我不想要4-6之间的空格

---

我希望对齐所有项目，以便没有空间，我希望它们均匀对齐，以便顶部和底部不会相距太远

您必须在

上去除
高度：100%
。项目

并将

对齐项目：拉伸

应用到

行

下面是一个例子：

.row{
显示器：flex；
柔性流：行换行；
对齐项目：拉伸；/**允许元素具有相同的高度**/
最大宽度：400px；
背景色：rgb（186201186）；
}
/**去除100%高度，使元素能够均匀拉伸**/
.项目{
利润率：10px；
填充：15px；
背景色：海军蓝；
最大宽度：120px；
溢出：隐藏；
单词包装：打断单词；
}

标题
字幕
描述

标题
字幕
描述

标题
字幕
描述

标题
字幕
描述

标题
字幕
这将导致其他元素拉伸，直到与其高度匹配。需要添加更多的文本，使其有点长

标题
字幕
描述

标题
字幕
描述

在问题中包含你的代码。去掉

。项目{高度：100%；}

<div class="row">
  <div class="item" *ngFor="let item of items">
    <h1>{{item.title}}</h1>
    <h3>{{item.subtitle}}</h3>
    <p>{{item.desc}}</p>
  </div>
</div>

.item {
  margin: 10px;
  padding: 15px;
  background-color: navy;
  max-width: 120px;
  overflow: hidden;
  word-wrap: break-word;
  height: 100%;
}

.row {
  display: flex;
  /* justify-content: flex-start; */
  /* align-items: baseline; */
  flex-flow:wrap;
  flex-wrap: wrap;
  max-width: 400px;
  background-color: rgb(186, 201, 186);
}