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

垂直对齐不适用于对齐块元素。

为此使用 flexbox

将以下规则应用于父级

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

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