Html 如何在div类中集中列表上的项目（ul li）？

我正在尝试将小图标的水平列表居中。对于任何熟悉Launchrock的人来说，用户都可以自定义所有代码。注意，我看不到他们的任何标准CSS，但我们可以覆盖他们的所有CSS

<div class="LR-site-connect">
    <ul class="LR-connect-share-links LR-clearfix">
        <li><a href="#" class="LR-connect-icon connect-rss" title="rss"></a></li>
        <li><a href="#" class="LR-connect-icon connect-github" title="github"></a></li>
        <li><a href="#" class="LR-connect-icon connect-pinterest" title="pinterest"></a></li>
        <li><a href="#" class="LR-connect-icon connect-youtube" title="youtube"></a></li>
    </ul>
</div> 

您可以使用此选项覆盖任何css并将其固定在中心：

margin:0 auto !important;

---

您可以使用此选项覆盖任何css并使其居中：

margin:0 auto !important;

---

假设您的图标为16px宽，并且您希望布局为：

[      [ ] [ ] [ ] [ ]      ]

您可以尝试以下操作：

.LR-connect-share-links { width: 94px; margin: 0 auto; overflow: hidden; }
.LR-connect-share-links > li { float: left; width: 16px; margin-right: 10px; }
.LR-connect-share-links > li:last-child { margin-right: 0; }

---

添加一些

！重要信息

s：需要覆盖的属性，您应该有一个有效的解决方案。

假设您的图标为16px宽，并且您希望布局为：

[      [ ] [ ] [ ] [ ]      ]

您可以尝试以下操作：

.LR-connect-share-links { width: 94px; margin: 0 auto; overflow: hidden; }
.LR-connect-share-links > li { float: left; width: 16px; margin-right: 10px; }
.LR-connect-share-links > li:last-child { margin-right: 0; }

添加一些

！重要信息

s，请访问需要覆盖的属性，您应该有一个有效的解决方案。

Launchrock（我用于构建登录页的常用服务）不允许我们查看它们的任何CSS。我们只能查看他们的HTML。但是，我们可以覆盖他们的CSS。这就是为什么这么困难的原因…Launchrock（我用来构建登录页的流行服务）不允许我们看到他们的CSS。我们只能查看他们的HTML。但是，我们可以覆盖他们的CSS。这就是为什么这么难。。。