Css 如何居中对齐徽标图像和右对齐导航图像

徽标和导航都位于标题div中，我希望在导航向右对齐时将徽标居中

我尝试过对图像执行display:block和margin:auto，使其居中，但随后它将导航向下推到下一行

当前css是：

.logo {
    display: inline-block;
    width: 400px
    margin: 0 auto;
}

/* Navigation */

#nav {
    display: inline-block;
    margin: auto; 
    padding:0; 
    list-style:none;
    float: right;
}   

---

读到我必须加上宽度来制作边距：自动工作，但它所做的只是放大图像。谢谢。

从您的

#nav

中删除

浮动

&定义

文本对齐：居中

。这样写：

.header{
 text-align:center;
}
.logo {
    display: inline-block;
    width: 400px
}

/* Navigation */

#nav {
    display: inline-block;
    padding:0; 
    list-style:none;
    text-align:left;
}

---

这将大大有助于发布您正在寻找的图像（可以通过min.us或类似的链接），感谢我将其与收割台中心对齐并为导航添加绝对位置。