flex 布局时单个子元素靠右

今天想在主题顶部添加一个登陆按钮,因为之前 Logo 和 菜单两端对齐是通过

#header > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

实现的,因为间隔是平均分配的,这就导致子项是三个的时候,菜单栏变成居中了。个人是不喜欢这样的,如果想让菜单栏依旧靠右,与登陆按钮相邻,解决方法也很简单

.menu {
    flex: 1;
    text-algin: right;
}
本文由 杂话 作者:顾顾顾北辰 发表,其版权均为 杂话 所有,文章内容系作者个人观点,不代表 杂话 对观点赞同或支持。如需转载,请注明文章来源。

发表评论