相关疑难解决方法(0)

如何将div的内容与底部对齐?

说我有以下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中完成?

html css vertical-alignment

1098
推荐指数
18
解决办法
188万
查看次数

标签 统计

css ×1

html ×1

vertical-alignment ×1