html - 如何使按钮在不同的div中对齐？

我正在尝试使每个div底部的按钮与另一个div对齐。

我尝试使用，但仍然无法正常工作。

position:absolute;
bottom: 0;

这是我目前的工作：https://www.bootply.com/NrkiUsvKa5

我试图在不调用break的情况下达到此结果：https://www.bootply.com/gdP1LUvflA

最佳答案

正如我在评论中指出的那样，您可以在行中添加一个flexbox属性（我在示例中将其作为一个类添加，请参见bootply链接），它将完美地对齐。

.flexbox-container {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}

在此处检查结果：https://www.bootply.com/iTaThCIrjb

有关更多文档，请阅读本文：https://davidwalsh.name/flexbox-column

应用flexbox，制作线条多久都没关系。这将使固定高度的遮篷过时