小编sma*_*lly的帖子

将元素与每个弹性框的中心底部对齐

我有3个div使用display:flex.

这些div中的内容具有不同的高度,但我想要的是在每个div中创建一个始终位于底部的链接.

 -----------   -----------   -----------
|    img    | |    img    | |    img    |
| heading 1 | | heading 3 | | heading 3 |
| paragraph | | paragraph | | paragraph |
| paragraph | |           | | paragraph |
|           | |           | | paragraph |
|   link    | |   link    | |   link    |
 -----------   -----------   ----------- 
Run Code Online (Sandbox Code Playgroud)

这样链接将始终排列.

JSFiddle代码

html css css3 flexbox

13
推荐指数
2
解决办法
6514
查看次数

标签 统计

css ×1

css3 ×1

flexbox ×1

html ×1