Html 仅对齐右侧的一个连杆，柔性端不工作 我有一行的文章在页面的顶部，但我不太清楚如何让它们出现在最右边。其余部分与左侧对齐。我尝试了align-self:flex-end，但这不起作用。代码如下：

.wrapper{
显示器：flex；
调整内容：灵活启动；
调整项目：灵活启动；
}
a、 导航、.search、.query{
显示：内联块；
} 
.导航{
左边距：25px；
}
.导航a{
右边距：15px；
颜色：#515949；
过渡：0.3s；
}
.导航a:悬停{
颜色:#33382d；
}
.链接右键{
自对准：柔性端；
}

我帮你修好了：）

在

.wrapper

类中，您所要做的就是更改

justify content:flex end到<代码>调整内容：之间的空格，并设置
对齐项目：居中

只需将您的
css
替换为以下内容：

.wrapper {
  display:flex;
  justify-content: space-between;
  align-items : center;
}

a.nav, .search, .query {
  display:inline-block;
} 

.nav {
  margin-left:25px;
}

.nav a {
  margin-right:15px;
  color:#515949;
  transition:0.3s ease;
}

.nav a:hover {
  color:#33382d;
}

让我知道它是否有效：）
该
align self
属性是为在横轴上对齐而设计的

当您处于
弹性方向：行
（默认设置）时，横轴是垂直的

因此，
align-self:flex-end
试图将您的物品固定在底部，而不是右侧。因为没有额外的垂直空间，所以它没有地方可去，什么也没有发生

在这种情况下，尝试使用flex
auto
margins

这就是您真正需要的：


nav{
显示器：flex；
}
a{
右边距：15px；
}
a:最后一个孩子{
左边距：自动；
}

你好，谢谢！它起作用了，但由于某种原因，现在右边的链接比其他链接都高？有没有办法解决这个问题？当然可以：）在css的开头添加这个：{padding:0px；margin:0px；}嘿，很抱歉一直打扰你，但这似乎不起作用：（它只是弄乱了我正在使用的边距，链接没有对齐不是问题，朋友，给你，从我的代码笔复制HTML和CSS即可：现在让我知道它是否有效：）问题是你的表单标签，我删除了它，现在一切都正常了。如果你只有一个搜索栏，或某种类型的输入字段，但没有提交按钮，就没有理由将其包装在表单标签中。你可以不带表单标签，只需在JavaScript中编写该字段的代码：）