如何將項目放在div類的列表（ul li）中？

我正在嘗試集中一個小圖標的水平列表。對於熟悉Launchrock的人來說，用戶可以自定義所有的代碼。注意我看不到任何標準的CSS，但我們可以覆蓋所有的CSS。如何將項目放在div類的列表（ul li）中？

<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>

來源

2013-01-08 user1957894

你的css在哪裏？ – Sowmya

Launchrock（我用來構建着陸頁的流行服務）不允許我們看到他們的任何CSS。我們只能查看他們的HTML。但是，我們可以覆蓋他們的CSS。這就是爲什麼這麼難... – user1957894

，你可以用它來覆蓋該中心的任何CSS和棒：

margin:0 auto !important;

來源

2013-01-08 11:35:41 sbaaaang

假設你的圖標是16像素寬，你想要的佈局是：

[  [ ] [ ] [ ] [ ]  ]

你可以試試以下內容：

.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; }

將一些!important添加到需要重寫的屬性，並且您應該有一個工作解決方案。

來源

2013-01-08 11:48:23 boz

如何將項目放在div類的列表（ul li）中？

回答

相關問題