Question

我试图在网站上设置垂直导航列表，但我的文字并不在div中居中。此处有多个帖子建议显示列表：表格和项目显示：table-cell

这解决了问题，但我必须从块更改显示，这会强制每个列表项为新行（我想要的）。

如何在保持一切美好，居中和新线的同时解决这个问题？

应该注意：它可能是Firefox，但我甚至使用css重置。无论是否重置，问题都是相同的。 puu .sh / kcrhs / bb728e4711 .png

＆＃13;

#nav {
  background-color: #801918;
  font-family: arial, sans-serif;
  Font-weight: bold;
  font-size: 25px;
  color: white;
  display: block;
  margin: 0 auto;
}
#nav ul li {
  transition: .5s;
  padding-bottom: 45px;
  margin: auto;
  text-align: center;
}
#nav ul li:hover {
  color: yellow;
}

＆＃13;

<div id="nav">
  <ul>
    <li>Home</li>
    <li>About</li>
    <li>Contact</li>
    <li>Resume</li>
  </ul>
</div>

＆＃13;

Answer 1

我所要做的就是调整我的填充，使它甚至在填充顶部和填充底部之间。

在<li>中居中文本，同时仍然将列表项保留在新行上？

1 个答案: