2011-06-24 67 views
0

目前,當我編寫一個列表我這樣做:尋找更好的方式來刪除空白的IE6

<ul><!-- 
    --><li><a href="" title="">something</a></li><!-- 
    --><li><a href="" title="">something</a></li><!-- 
    --><li><a href="" title="">something</a></li><!-- 
    --><li><a href="" title="">something</a></li><!-- 
    --><li><a href="" title="">something</a></li><!-- 
    --><li><a href="" title="">something</a></li><!-- 
    --><li><a href="" title="">something</a></li><!-- 
--></ul> 

    <ul><!-- 
    --><li><a title="" href="">something</a><!----></ul> 

但更大的網站有很多更復雜的導航菜單的這個心不是實用的代碼看起來散佈等.....有誰知道一種方法來擺脫空白,並保持清潔的代碼..我想我可能會問只是包裝...這使我困擾每一個網站..

對不起一個不好的例子,它很難在這裏正確格式化..

感謝您的這是一個普遍的興趣類型的職位... 我要去嘗試Ahsan Rathod's和DanialB的回覆....

我怕我們的客戶仍然使用這個瀏覽器(IE6),所以我們必須使用這個塵土飛揚的ol'browser 。

下一次生病後的CSS,這一次我沒有這一點,是值得的,因爲我認爲每個人都probly編碼IE6在somepoint和整個這次來到...再次

感謝您的答覆,但..

+0

爲什麼你使用'< - ! - >'?你想達到什麼目的? – PeeHaa

+0

你的空白問題是什麼?我想不出你想擺脫它們的原因 – Ivan

+0

如果你包含你的CSS,你會得到更好的答案。您還應該創建一個顯示問題的[JS Bin演示程序](http://jsbin.com/)。你確定問題*只發生在IE6上嗎? – thirtydot

回答

1

如果將列表項設置爲inline元素,則只能在列表中呈現空白。您可以使用浮動塊,而不會出現空白。

+0

感謝您的輸入.. – Iamsamstimpson

0

你也可以嘗試這種方法,雖然它也不是很理想。

<ul 
    ><li>Foo</li 
    ><li>Bar</li 
    ><li>Baz</li 
    ><li>Quux</li 
></ul> 

有一點需要考慮,IE6現在已經是古老了,甚至微軟已經準備好將它插上去了。正在爲一款10年前的瀏覽器提供3個連續版本的遊戲真的值得嗎?

+0

哈哈,我希望它是我的選擇 - 當我自由職業者我發送IE6用戶到一個控制頁面,解釋如何更新瀏覽器!我有IE瀏覽器...但天氣我喜歡它或不是我們的客戶使用這個瀏覽器,因此我們必須爲他們編碼.. – Iamsamstimpson

1

您是否嘗試過:

white-space: nowrap;