关于html:CSS vertical-align段落成div

CSS vertical-align paragraph into div

本问题已经有最佳答案,请猛点这里访问。

我有一个DIV(固定高度)和这个CSS:

1
2
3
4
5
6
.div {
color: white;
font-family: Bahnschrift;
text-align: justify;
vertical-align: text-top;
}

如您所见,在这个分区中,段落在顶部垂直对齐。我只想将最后一段(class="lastpar")对齐在DIV的底部,这是CSS:

1
2
3
4
.lastpar {
position: relative;
vertical-align: text-bottom;
}

但它不起作用,你能帮我把它排在最下面吗?谢谢


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

为此使用flexbox

将以下规则应用于父级

1
2
3
4
div {
     display: flex;
     justify-content: flex-end;
}

然后在另一个DIV中,将除段落外的所有元素都包装在底部,这样就设置好了。