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

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

#header {

height: 150px;

}

Header title

Header content (one or multiple lines)

標(biāo)題部分是固定高度，但標(biāo)題內(nèi)容可能會(huì)改變。我希望標(biāo)題的內(nèi)容垂直對(duì)齊到標(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中做到這一點(diǎn)？

總結(jié)

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

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