CSS垂直对齐段落至div

Question

我的CSS有一个div（高度固定）：

.div {
color: white;
font-family: Bahnschrift;
text-align: justify;
vertical-align: text-top;
} 

如您所见，在这个div中，段落的顶部垂直对齐。我只想在div的底部对齐最后一段（class =“ lastpar”），这就是CSS：

.lastpar {
position: relative;
vertical-align: text-bottom;
}

但是它不起作用，您能帮我在div底部对齐它吗？谢谢

Answer 1

Vertical-align不适用于对齐块元素。

为此使用flexbox

将以下规则应用于父级

div {
     display: flex;
     justify-content: flex-end;
}

然后在另一个div中包装所有元素，但要保留在底部的段落除外，一切就绪。