css - 如何在导航中居中对齐文本
元素？

Question

我正在为学校做一个 PHP 项目，我希望我的标题导航列表文本居中，但既不工作text-align: center;也不vertical-align: middle;工作。有什么建议么？

score 1 · Accepted Answer

在第 241 行的 style.css 中添加 width 和 margin:auto。删除所有引用你的 nav 和 ul 的浮动。

score 0 · Accepted Answer

body > nav {
    text-align: center;
}

body > nav > ul {
    display: inline-block;
    float: none;
}

score 0 · Accepted Answer

在 CSS 中，最好的方法通常是：

对于文本：

.centredText {
  margin-left: auto;
  margin-right: auto;
  width: 4em; /* This is whatever size you need each margin to be. */
}

对于 div 或图像（这听起来像什么）：

.centredItem {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

然后在你的 HTML 中，<div class="centredItem">Stuff</div>

css - 如何在导航中居中对齐文本元素？