我正在尝试将3个项目对齐/堆叠到display:flexdiv的底部。我可以管理它的唯一方法是在顶部添加第4个div，并使用javascript / jquery动态调整其高度，本质上是将这3个项目推到底部。
是否有一种纯粹的CSS3方式可以做到这一点而无需借助javascript / jquery？谢谢
这是小提琴。3周的div我想对齐/堆叠底部是.searchForm，.tweetForm和.myMsg。我目前正在诉诸.fudgeBox于顶部，以将其推到底部。
添加此：
.searchForm { margin-top: auto; }
您可以报废spacer div和所有JS。
另一种选择是justify-content: flex-end在flex容器（.sideRight）上。
在此处了解更多关于justify-content和auto边距的信息：对齐弹性项目的方法
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句