Html 如何将这些锚定标记移到右侧？

如何使用

display:flex

将锚定标记向右移动？在

li a

上使用

margin left:auto

无效

ul{
列表样式类型：无；
显示器：flex；
/*增加*/
对齐项目：居中；
/*添加；垂直对齐*/
保证金：0；
填充：0；
溢出：隐藏；
背景色：#000；
}
李阿{
颜色：白色；
垂直对齐：中间对齐；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}

应在flex儿童上应用边距，我认为这是第二个li

ul{
列表样式类型：无；
显示器：flex；
对齐项目：居中；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#000；
}
李阿{
颜色：白色；
垂直对齐：中间对齐；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*更新*/
李：第n个孩子（2）{
左边距：自动；
}

应在flex儿童上应用边距，我认为这是第二个li

ul{
列表样式类型：无；
显示器：flex；
对齐项目：居中；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#000；
}
李阿{
颜色：白色；
垂直对齐：中间对齐；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*更新*/
李：第n个孩子（2）{
左边距：自动；
}

将

flex:auto

添加到

img

，删除不必要的CSS规则和无序列表

正文{
保证金：0；
}
导航{
显示器：flex；
对齐项目：居中；
背景：黑色；
}
导航>跨度{
flex：自动；
}
导航>跨度>惯性导航{
垂直对齐：中间对齐；
}
导航>a{
颜色：白色；
填充：1rem；
文字装饰：无；
}
导航>a:悬停{
背景：灰色；
}

---

将

flex:auto

添加到

img

，删除不必要的CSS规则和无序列表

正文{
保证金：0；
}
导航{
显示器：flex；
对齐项目：居中；
背景：黑色；
}
导航>跨度{
flex：自动；
}
导航>跨度>惯性导航{
垂直对齐：中间对齐；
}
导航>a{
颜色：白色；
填充：1rem；
文字装饰：无；
}
导航>a:悬停{
背景：灰色；
}

对我来说很不幸：（你比我快了30秒…+1对我来说很不幸：（你比我快了30秒…+1你这样做的方式是不正确的。你应该把你的徽标放在一个单独的

div

中，把链接放在另一个div中。这会让你对布局有更多的控制权。）如果logo没有链接，并且没有填充alt属性，那么插入一个伪元素就可以了；）这样做是不正确的。您应该将徽标放在单独的

div

中，并将链接放在另一个div中。这将使您能够更好地控制布局。：）如果logo没有链接，并且没有填充alt属性，那么插入一个伪元素就可以了；）我没有投反对票，但是如果你为徽标添加实际图像，你会看到发生了什么…所以不能责怪投反对票的人，因为你的解决方案没有任何效果我没有投反对票，但是如果你为徽标添加实际图像，你会看到发生了什么…所以不能责怪投反对票的人，因为你的解决方案没有任何效果