Html 所有div中的文本高度必须相同

我使用angular和bootstrap4，在div中有几行 如何使第1行文本始终保持在同一高度，以便如果任何div具有第0行，则所有div中的所有第1行文本将下降并始终保持在同一行？

{{account.number}
{{account.cash}

因此，如果account.number的行数超过0行，则account.cash没有水平对齐，这就是我缺少的内容

.customCardTitle有

空白：前一行

最后，我需要防止这种情况，并保持现金信息在同一行

---

引导

行

将包含

flex

属性。只有这样，我们才能为child

divs

使用

flex

properties

align items center

将把

cols

测试
测试

现在，代码将垂直居中文本，但在容器高度内。它不会成为html页面的中心

要使文本位于页面中央，请将行div设置为全高

100vh

.wrap{
显示器：flex；
证明内容：中心；
对齐项目：拉伸；
}
.卡片{
显示器：flex；
证明内容：中心；
弯曲方向：立柱；
宽度：400px；
背景：灰色；
利润率：10px；
填充：20px；
颜色：#FFF；
}
.名片名称{
弹性：1；
}

AT0080456789（Aco）
$ 1,557
AT0080456789（Aco）Lorem ipsum Door sit amet，Adipising Elite，sed do eiusmod
暂时性的劳工和财产损失。
$ 2,357
AT0080456789（Aco）Lorem ipsum Door sit amet，Adipising Elite，sed do eiusmod
劳工和福利的暂时性收入与公共事业收入的差距，取决于社会精英的贡献
劳工和福利的暂时性收入与公共事业收入的差距，取决于社会精英的贡献
临时劳工和劳工保险
$ 557,256

你能发布一段代码吗？给每一行1上相同的类，并动态检查线相对于方框的位置，获得更高的距离并放置它。我认为你必须这样做。。。但是，请给我们一些代码：）这里有一个类似的帖子：。另外，我用没有标题的引导卡组解决了我的问题。所以，如果我错了，请纠正我。。。但如果account.number是多个对象，则显示account.cah。。。和account.cash在div中应该始终处于同一高度，比如说底部？@Kalabalik实际上它需要b垂直对齐表单编码预期表单UI它是水平对齐的另一种方式，居中不是问题的一部分..？在这种情况下，当他更新问题而不是对齐项目中心时，使用对齐项目之间的空间。。因为他可以使用flex align属性不行，在您的示例中，这看起来没问题，因为您将High设置为30 px，如果您输入更多文本，它将溢出，但它应该扩展每个div。这不是解决方案我刚刚更新了答案，不再有固定高度。

<div *ngFor="let account of clientAccounts" >

          <h6 class="card-title customCardTitle">{{ account.number }}</h6>

          <h1 class="card-subtitle"> {{ account.cash }} </h1>

       </div>

<div class="container">
  <div class="row align-items-center">
    <div class="col-3"><span>test</span></div>
    <div class="col-3"><span>test</span></div>
  </div>
</div>