弹性盒子布局中如何调整项目对齐方式，让最后一个元素靠右？

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《弹性盒子布局中如何调整项目对齐方式，让最后一个元素靠右？ 》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

在弹性盒子布局中调整项目对齐方式

第一个问题：文字不在 div 中，并且最后一个元素没有靠右

在 head 类中设置了固定高度导致行内的高度被拉伸到该高度，而不是根据自身内容决定。因此，移除 head 中的 height: 50px 设置。

第二个问题：如何让最后两个 div 靠右

有三种解决方法：

方案一：使用间距

使用 margin 调整 последняя两个元素。注意，必须保持间距与之前元素的一致性。此方法仅适用于当前宽度，当宽度改变时间距可能不一致。

方案二：不使用 justify-content: space-evenly

改用 margin 或 padding 实现间距。

方案三：使用网格布局（grid）

设置列数、列宽、列间距、行间距以及边距。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。