Question

如何使文本在我的导航中居中并确保它从所有分辨率保持这种方式（1920x1080左侧，1420，居中）

我也意识到很多这段代码都是没用的而且没有用，但是在这一点上我只是想在我决定整理它之前修复它。

        /* Navigation Menu */
  .main-navigation {
    text-align:center;
        margin-top: 24px;
        margin-top: 1.714285714rem;
        text-align: center;
        margin:0 auto;
        width:958px;
        margin-top: 8px;
      display: inline-block;
    }
    .main-navigation li {
    text-align:center;
        margin-top: 24px;
        margin-top: 1.714285714rem;
        font-size: 16px;
        color:#fff;
        font-size: 0.857142857rem;
        line-height: 1.42857143;
    }
    .main-navigation a {
        color: #fff;
    text-align:center;
    }
    .main-navigation a:hover {
        color: #fff;
        height:37px;

    }
    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
    text-align:center;
        display: none;
    }
    .main-navigation ul.nav-menu.toggled-on,
    .menu-toggle {
    text-align:center;
        display: inline-block;
    }
    .nav-menu {
    margin: 0 auto;
    width: 100%;
    height:05px;
    padding-left:20%;
    left:0px;
    top:20px;
    text-align:center;
    margin-left: 350px;
    position:fixed;
    float:left;
      display: inline-block;
    background:none;

http://yesyesdev.info/talks DEV服务器出现问题，但是如果你得到错误500，只需刷新几次。

Answer 1

是的，确实有太多无用的代码。删除以下内容：

第767行 .main-navigation {
~~display：inline-block;~~
}

805行.nav-menu {
~~位置：固定;~~
~~float：left;~~
}

使导航栏文本居中

1 个答案: