Html 根据垂直列对齐几行

是否可以对齐，使紫色行的大小与左列相同？其中的文本长度各不相同。目前，它们堆叠在顶部，因此底部有一个间隙。我可以用利润率来定位它们，但我想知道是否有更好的方法？我正在使用引导

自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾

lorem lorem ipsumlorem ipsumlorem ipsumipsum

自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾

自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾

Flexbox可以做到这一点

只需将

display:flex

添加到父

行

我在演示中添加了一些填充和边距来分隔元素

正文{
背景：#000；
}
.集装箱{
边缘顶部：1米；
}
.container>行{
显示器：flex；
边框：1px纯白；
填充：1em；
}
怀特先生{
背景：#fff；
右边距：1米；
}
.排紫色{
背景：紫色；
颜色：#fff；
边缘底部：1米；
}

自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾

Lorem ipsum dolor sit amet，奉献精英。他说：“我们应该为自己的权利而喝彩，为自己的利益而奋斗。”。拉布拉姆，你是维利特。必要性，特尼图尔，可能性

Lorem ipsum dolor sit amet，奉献精英。事实上，这是一个很好的解释，是临时自治共和国的临时立法，是一个自由的国家的建筑师，
尼莫！最后，你可以选择实习，并接受再培训、累计培训。Ipsulorem ipsumm ipsumm ipsumm ipsumm ipsumm

自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾自相矛盾

使用flexbox可以轻松实现此布局。如果这是一个选项，让我知道，或只是更新你的问题。你有css，我们可以看到吗？