Question

我喜欢编码并努力使我的菜单文本居中。请在此处查看：https://jsfiddle.net/64pu8axf/3/

 routes.Add(new Route("{resource}.axd/{*pathInfo}", new StopRoutingHandler()));

Answer 1

将text-align:center添加到#nav-wrapper应该可以解决问题。

您还错过了}

的结束#nav-wrapper

看看here

<强> HTML

<div id="nav-wrapper">
    <div id="nav">{menu}</div>
</div>

<强> CSS

#nav-wrapper {
    position: fixed;
    width: 89.77%;
    left: 0 20;
    padding: 7px 0;
    top: 0px;
    z-index: 5 ;
    background: #B31717;
    text-align:center; /* <---- Note the change */
} /* <---- Added missing closing } */
#nav {
  display: table-cell;
  vertical-align: center;
}

#nav > ul li {
  display: inline-block;
    list-style: none;
    padding: 0;
    z-index: 2;
}

希望这有帮助！

Answer 2

您错过}的结束#nav-wrapper。将text-align: center;添加到#nav

Answer 3

解决方案：

<强> HTML：

<div id="nav-wrapper">
<div id="nav">menu</div>
</div>

<强> CSS：

#nav-wrapper {
    position: fixed;
    width: 89.77%;
    left: 0 20;
    padding: 7px 0;
    top: 0px;
    z-index: 5 ;
    background: #B31717;
    text-align:center;
}
#nav {
  vertical-align: center;
}

#nav > ul li {
  display: inline-block;
    list-style: none;
    padding: 0;
    z-index: 2;
}

演示链接：https://jsfiddle.net/hellosrini/64pu8axf/9/

无法将文本居中放在我的菜单中

3 个答案: