1

我正在尝试将小图标的水平列表居中。对于熟悉 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> 
4

2 回答 2

1

假设你的图标是 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; }

将一些!importants 添加到需要覆盖的属性中,您应该有一个可行的解决方案。

于 2013-01-08T11:48:23.607 回答
0

you can use this to override any css and stick that centered:

margin:0 auto !important;
于 2013-01-08T11:35:41.983 回答