相关疑难解决方法(0)

使用flexbox将元素与底部对齐

我有div一些孩子:

<div class="content">
  <h1>heading 1</h1>
  <h2>heading 2</h2>
  <p>Some more or less text</p>
  <a href="/" class="button">Click me</a>
</div>
Run Code Online (Sandbox Code Playgroud)

我想要以下布局:

 -------------------
|heading 1          |
|heading 2          | 
|paragraph text     |
|can have many      |
|rows               |
|                   |
|                   |
|                   | 
|link-button        |
 -------------------
Run Code Online (Sandbox Code Playgroud)

无论有多少文本,p我都希望.button始终保持在底部,而不是将其从流程中取出.我听说这可以通过Flexbox实现,但我无法让它工作.

html css flexbox

316
推荐指数
7
解决办法
39万
查看次数

标签 统计

css ×1

flexbox ×1

html ×1