CSS：保持列表樣式是浮li元素

下面是一個例子：CSS：保持列表樣式是浮li元素

<ul> 
    <li>list</li> 
    <li style="float:left;">list</li> 
    <li style="float:left;">list</li> 
    <li style="float:left;">list</li> 
    <li style="float:left;">list</li> 
</ul>

如何保持列表樣式上休息li元素，同時保持浮動？

感謝;）

來源

2011-07-08 Somebody

列表元素保持其默認的樣式，甚至浮動的時候，我不真的不明白你想要什麼。 – MatTheCat

是的，即使設置爲浮動，列表元素通常也會保留其樣式。列表中的子彈是否可能被掩蓋？嘗試在你的'li's中添加更多的左邊距，看看它們是否重新出現。另外，您使用的是哪種瀏覽器？不同的瀏覽器以不同方式設置列表項目，這可能會導致您的問題。 –

打過有點多，您使用的IE瀏覽器？另外，你是否指定了DOCTYPE，以避免怪癖模式？在IE6中有一些奇怪的行爲，浮動和列表項目符號可能會以怪癖的方式繼續。

在我看來，如Internet Explorer則會覆蓋漂浮時，列表樣式類型。重新添加它工作正常。看到http://jsfiddle.net/gothick/VZC7F/5/您的標記與一些額外的CSS樣式，使其工作。據我所知，這應該是跨瀏覽器安全的。使用內嵌樣式

完整的示例：

<ul>  
    <li>list</li> 
    <li style="float:left; margin-left: 20px; list-style-type: square;">list</li>  
    <li style="float:left; margin-left: 20px; list-style-type: square;">list</li>  
    <li style="float:left; margin-left: 20px; list-style-type: square;">list</li>  
    <li style="float:left; margin-left: 20px; list-style-type: square;">list</li> 
</ul>

...但當然，這將是更有效地使用非內嵌樣式/樣式表在我的jsfiddle例子。

我的例子工作在IE8。它看起來像the bullets might have disappeard in a more fundamental way in earlier version of IE;這篇文章說明了其行爲，並給出了一個有點惱人的解決辦法的重建他們，雖然的一種方式（它基本上再現與背景圖像丟失的子彈。）

來源

2011-07-08 13:13:59

感謝隊友。您的解決方案與重新分配列表樣式類型的作品。不再關心IE7了。：D – Somebody

該死的爲什麼......它在jsfiddle中工作，但不在我的頁面上......無法顯示頁面，它在本地服務器上。爲什麼它不起作用？ – Somebody

只是一瞬間。我將託管圖像。 – Somebody

<ul> 
    <li>list</li> 
    <li style="float:left; clear: left;">list</li> 
    <li style="float:left; clear: left;">list</li> 
    <li style="float:left; clear: left;">list</li> 
    <li style="float:left; clear: left;">list</li> 
</ul>

來源

2011-07-08 12:32:10

我不認爲這是正確的做法... – BoltClock

取決於你想做什麼，我不認爲我完全理解這裏所需的東西。什麼是完全由列表式？ UL應該漂浮而不是元素？等等..？ –

我需要保持列表式的正方形。當李浮動時，他們消失。在你的榜樣中，比利月亮除了第一個元素之外，他們消失了。 – Somebody

這裏是我能想出一個jsfiddle demo。除第一個外，它們都向左漂浮並保持正方形。

來源

2011-07-08 13:05:30 Phil

CSS：保持列表樣式是浮li元素

回答

相關問題