导航条水平居中--未知宽度ul水平居中

最新推荐文章于 2021-06-04 21:40:51 发布

LP_1874

最新推荐文章于 2021-06-04 21:40:51 发布

阅读量834

点赞数

CC 4.0 BY-SA版权

分类专栏： css web前端居中文章标签：居中

本文链接：https://blog.youkuaiyun.com/oXiaoHe12345/article/details/47401433

web前端同时被 3 个专栏收录

6 篇文章

订阅专栏

css

4 篇文章

订阅专栏

居中

2 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>导航条水平居中</title>
    <style>
        nav{
            text-align: center;
        }
        nav ul{
            display: inline-block;
        }
        nav ul li{
            float:left;
        }
        nav ul li+li{
            margin-left: 20px;
        }
    </style>
</head>
<body>
<nav>
    <ul>
        <li>adasa1</li>
        <li>adasa2</li>
        <li>adasa3</li>
        <li>adasa4</li>
        <li>adasa5</li>
    </ul>
</nav>
</body>
</html>