Css 需要将列表项向左浮动以避免空白，但希望它位于页面的中心

我想做的是在页面中央有一个列表项菜单。我将它们显示为内联，将其居中，看起来很棒。但当我在a:hover中添加装饰时，我注意到两个项目之间有大约3倍的余量。我将列表和列表项中的所有内容的边距和填充设置为0。我发现这是一个自动边距排序，因为它是内联的（内联块）。我看到的建议是将其保留为内联，或者这样做：

<li>ListItem1</li><li>ListItem2</li>...

---

对于您正在使用的相同代码，如果您想使它们居中，请在

#iccmenu ul

margin: 0 auto;
display: table;

我将添加以下内容：

#iccmenu ul
{
    padding:0;
    margin:0;
    min-width:960px;
    margin: 0 auto;
    display: table;
}

因此，当页面小于所需的最小宽度时，它不会中断

u可以通过添加与链接高度值相同的线高度来修复悬停效果：

---

非常感谢。我一时完全忘记了汽车。谢谢

#iccmenu
{
    text-align:center;
}

#iccmenu ul
{
    padding:0;
    margin:0;
}

#iccmenu ul li
{
    float:left;
    list-style:none;
    border:0;
    border-left:1px solid black;
    font-size:18px;
    padding:0;
    margin:0;
}

#iccmenu ul li:first-child
{
    border-left:0;
}

#iccmenu a
{
    text-decoration:none;
    color:orange;
    text-shadow:1px 1px 0px grey;
    padding:7px 25px;
    margin:0;
}

#iccmenu a:hover
{
    background-color:grey;
    text-shadow:none;
}

margin: 0 auto;
display: table;

#iccmenu ul
{
    padding:0;
    margin:0;
    min-width:960px;
    margin: 0 auto;
    display: table;
}

#iccmenu a{   
 line-height:34px;
}