时间戳

首页 > 解决方案 > CSS垂直对齐段落到div

html - CSS垂直对齐段落到div

问题描述

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

标签： htmlcss

解决方案

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

为此使用 flexbox

将以下规则应用于父级

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

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

推荐阅读