В поисках лучшего способа удаления пробелов для IE6

Question

в настоящее время, когда я кодирую список, я делаю это:

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

но на гораздо более крупных сайтах с гораздо более сложным меню навигации это не практично, и код выглядит разбросанным и т. Д. ..... кто-нибудь знает способ избавиться от пустого пространства и сохранить чистый код ... думал, что я могу спросить, просто заключить ... это беспокоит меня каждый сайт ..

извините за плохой пример, здесь трудно правильно отформатировать ..

Спасибо за ваши ответы, это был пост общего интереса ... Я собираюсь попробовать ответы Асан Ратод и ДаниалБ ....

Я боюсь, что наши клиенты все еще используют этот браузер (IE6), поэтому мы должны использовать этот пыльный браузер.

в следующий раз, когда я заболел после css, на этот раз я этого не сделал, это того стоило, так как я предположил, что все когда-то, вероятно, закодировали IE6 и столкнулся с этим ...

Еще раз спасибо за все ваши ответы ..

Answer 1

Пробелы будут отображаться только в списках, если вы стилизуете элементы списка как элементы inline. Вместо этого вы можете использовать плавающие блоки, и пробелы не возникнут.

Answer 2

Вы пробовали:

white-space: nowrap;

Answer 3

Вы также можете попробовать этот подход, хотя он также не идеален.

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

Одна вещь, которую стоит учесть, IE6 сейчас древний, и даже Microsoft готова отключить его. Стоит ли делать приспособления для 10-летнего браузера с 3 последовательными версиями?