Html 尝试将弹性项与底部对齐，但实际上它们是'；重新对齐到文本的第一行

我试图在底部对齐另一个div中的几个div。它很容易与包含图像的div的flex一起工作，但是如果我将一个足够长的文本放在几行上，那么所有div都与第一行文本对齐

我拉了把小提琴，想看看：

.objet{
位置：相对位置；
线高：0；
}
.形象{
边框：1px实心#aaa；
}
李斯特先生{
边框：1px实心#f00；
显示器：flex；
调整项目：基线；
调整内容：灵活启动；
}
.texte{
线高：正常；
}

纺织品的价格和价格取决于其价格，而纺织品的价格则取决于其价格。

您可以

flex

将图像或长文本结尾

.liste { 
align-items: flex-end; 
}

或到中心：

align-items: center;

---

使用

align items:baseline

可以告诉所有项目使用基线对齐，这会使它们沿着内容的第一行（本例中为文本或图像）对齐

如果要使项目在容器底部对齐，请使用

align items:flex end

.liste{
显示器：flex；
对齐项目：柔性端；
调整内容：灵活启动；
边框：1px实心#f00；
}
.形象{
边框：1px实心#aaa；
}
.texte{
线高：正常；
}

纺织品的价格和价格取决于其价格，而纺织品的价格则取决于其价格。

试试

.liste{align items:flex end；}

你是对的，我怎么能不试试。。。谢谢