要让所有按钮都留在div的底部,可以使用CSS的flexbox布局或者grid布局来实现。
使用flexbox布局:
示例代码:
.parent {
display: flex;
flex-direction: column;
height: 100%;
}
.button {
margin-top: auto;
}
使用grid布局:
示例代码:
.parent {
display: grid;
grid-template-rows: auto 1fr;
}
.button {
grid-row: 2;
}
以上是两种常用的方法,可以根据具体情况选择适合的布局方式。
腾讯技术创作特训营第二季第3期
云+社区技术沙龙[第14期]
腾讯技术创作特训营第二季第4期
云+社区沙龙online第5期[架构演进]
Elastic 中国开发者大会
中小企业数字化升级之 提效篇
云+社区技术沙龙[第9期]
Techo Hub腾讯开发者技术沙龙城市站
serverless days
DBTalk
领取专属 10元无门槛券
手把手带您无忧上云