导航下拉菜单未居中

所以我完美地遵循了这个视频，该视频展示了如何编写下拉导航，基本上只是为了找到最简单，最好看的编写方式。无论如何，在视频中，这些家伙的文字似乎在他的导航中对齐，但我的没有。

视频： https://www.youtube.com/watch?v=PN1iMaVfzfQ

.HTML

带下拉菜单的导航

<link href="styles.css" type="text/css" rel="stylesheet"/>

<body>
    <div id="nav">
        <div id="nav-wrapper">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">Social</a></li>
            </ul>
        </div>
    </div>
</body>
</html>

.CSS

body{
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    font-family: Arial;
    font-size: 18px;
}
#nav {
    background-color: #222;
}
#nav_wrapper {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

您的下划线应该是 CSS 中的连字符。

#nav_wrapper should be #nav-wrapper.

相关内容

最新更新

热门标签：