html 同一行 左右对齐,html – Flexbox – 在同一行左右对齐

情况：

我有一个简单的导航栏,我正在FlexBox中建立.我想把一个项目放在左边,让别人把它挂在右边.

例：

• ListItem1
• ListItem2
• ListItem3
• ListItem4

问题

通常答案只涉及浮动项目左右,但据称在FlexBox中使用浮动是不好的.我正在考虑使用合理内容,并使用flex-start和flex-end,但是这并没有太好的工作.

我尝试应用flex-start到第一个项目,然后flex-end到其他,但没有这么好的工作.

像这样：

.primary-nav #item1 {

justify-content: flex-start;

}

.primary-nav #item2 {

justify-content: flex-end;

}

.primary-nav #item3 {

justify-content: flex-end;

}

.primary-nav #item4 {

justify-content: flex-end;

}

赞美和感谢任何具有FlexBox技能的人,并能帮助我找到正确的方式来处理这种情况.

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！