如何將div的內(nèi)容與底部對齊？

假設(shè)我有以下CSS和HTML代碼：

#header {

height: 150px;

}

Header title

Header content (one or multiple lines)

標(biāo)題部分是固定高度，但標(biāo)題內(nèi)容可能會改變。我希望標(biāo)題的內(nèi)容垂直對齊到標(biāo)題部分的底部，因此最后一行文本“粘貼”到標(biāo)題部分的底部。

所以，如果只有一行文字，那就像：

-----------------------------

| Header title

|

|

|

| header content (resulting in one line)

-----------------------------

如果有三行：

-----------------------------

| Header title

|

| header content (which is so

| much stuff that it perfectly

| spans over three lines)

-----------------------------

如何在CSS中做到這一點？

總結(jié)

以上是生活随笔為你收集整理的div 中的控件底部对齐_如何将div的内容与底部对齐？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。