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中,将除段落外的所有元素都包装在底部,这样就设置好了。