我想圍繞一個塊包裹一個列表,而IE並沒有讓我的生活更輕鬆。如何在一個塊/圖像周圍包裹一個列表?
該塊在左側浮動,所以我期望列表在右側。雖然它適用於所有的瀏覽器,但它在IE中看起來很醜,因爲IE會將文本放在右側,並將子彈放在圖像的左側。
看一下例子:http://jsfiddle.net/xA9n8/
如何解決這一問題?
UPD:我在IE9中測試了它。
我想圍繞一個塊包裹一個列表,而IE並沒有讓我的生活更輕鬆。如何在一個塊/圖像周圍包裹一個列表?
該塊在左側浮動,所以我期望列表在右側。雖然它適用於所有的瀏覽器,但它在IE中看起來很醜,因爲IE會將文本放在右側,並將子彈放在圖像的左側。
看一下例子:http://jsfiddle.net/xA9n8/
如何解決這一問題?
UPD:我在IE9中測試了它。
給列表項屬性float:left;
seems to work。之後您可能需要插入<div style="clear: left;" />
以防止其他元素浮動。
該列表在圖片下面,而不是在右邊。 – 2011-06-08 08:00:22
嘗試ul{float:left;}
。我覺得它似乎工作。
該列表現在位於圖片下方,而不是右側。 – 2011-06-08 08:00:41
對於googlez:
#somebox ul li {
list-style-position: inside;
}
在其IE的版本是這樣的失敗?在IE8中我看起來很好。 – jsonnull 2011-06-07 05:56:06
Internet Explorer 9 – 2011-06-07 06:00:19
對於我回答的最後一個jsfiddle問題,錯誤的來源是jsfiddle本身。你是否在獨立的HTML文件中試過這個文件,而沒有其他文件? – 2011-06-07 06:15:43