CSS垂直对齐段落到div [重复]

Posted 2023-03-05

【中文标题】CSS垂直对齐段落到div [重复]

【英文标题】：CSS vertical-align paragraph into div [duplicate]

【发布时间】：2019-03-14 05:29:20

【问题描述】：

我有一个带有这个 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 的底部吗？谢谢

【参考方案1】：

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

为此使用 flexbox

将以下规则应用于父级

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

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