html5 列表居中

最新推荐文章于 2024-01-15 19:13:20 发布

大狗派克

最新推荐文章于 2024-01-15 19:13:20 发布

阅读量6.7k

点赞数 2

分类专栏： CSS3

本文链接：https://blog.csdn.net/bingkingboy/article/details/47071947

版权

CSS3 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

    <style>
        .header{
            width: 800px;
            background: pink;
            border: 1px solid black;
            margin: auto;
        }
        .header ul{
            display: table;
            list-style-type: none;
            margin-left: auto;
            margin-right: auto;
        }
        .header li{
            float: left;
            margin: 0 10px;
            text-align: center;
        }

    </style>
</head>
<body>
<div class="header">
    <ul>
        <li>列表</li>
        <li>列表</li>
        <li>列表</li>
        <li>列表</li>
        <li>列表</li>
    </ul>
</div>

结果：