说我有以下CSS和HTML代码:
#header {
height: 150px;
}Run Code Online (Sandbox Code Playgroud)
<div id="header">
<h1>Header title</h1>
Header content (one or multiple lines)
</div>Run Code Online (Sandbox Code Playgroud)
标题部分是固定高度,但标题内容可能会更改.我想将标题的内容垂直对齐到标题部分的底部,因此最后一行文本"粘贴"到标题部分的底部.
因此,如果只有一行文字,那就像:
-----------------------------
| Header title
|
|
|
| header content (resulting in one line)
-----------------------------
Run Code Online (Sandbox Code Playgroud)
如果有三行:
-----------------------------
| Header title
|
| header content (which is so
| much stuff that it perfectly
| spans over three lines)
-----------------------------
Run Code Online (Sandbox Code Playgroud)
怎么能在CSS中完成?