Отступы в inline-block и шаблонизатор jade

Question

[Mangor]

Как закомментировать пространство между inline-block элементами в шаблонах Jade.
HTML структура примерно такая:

<ul>
      <li>Item 1</li><!--
   --><li>Item 2</li>
</ul>

Я знаю как убирать отступы между inline-block элементами с помощью css, интересует только этот вариант.

Answer 1

[Константин Китманов]

Вообще по умолчанию jade убирает вообще все пробельные символы между тэгами, если не поставить опцию pretty в true.

Comments

[Mangor]

Большое спасибо!

Answer 2

[Анна Бакурова]

Как Я понимаю вам стоит самому выбрать способ

Comments

[Константин Китманов]

Вы что, издеваетесь все? Цитирую ТС: «Я знаю как убирать отступы между inline-block элементами с помощью css»

Answer 3

[lnked]

<ul>
      <li>Item 1</li>
      <li>Item 2</li>
</ul>

что бы не было отступов нужно размер шрифта сделать 0

ul { font-size: 0; }
ul li { font-size: 10px; display: inline-block; } // фикс для ie 6 и 7 надо zoom: 1; display: inline;

Comments

[Константин Китманов]

Вы что, издеваетесь все? Цитирую ТС: «Я знаю как убирать отступы между inline-block элементами с помощью css»

Answer 4

[Константин Величко]

Используйте экранирование, будет выводится как простой текст

| <li>Item 1</li><!--
| --><li>Item 2</li>

или так
| <li>Item 1</li><li>Item 2</li>
вообщем поэксперементируйте, я не очень понял зачем это все