Должен ли я использовать для космоса в Джейд?
Я использую Джейд, и все круто, за исключением того, что Джейд "ест" мои пробелы.
Например, в HTML:
<b>Hello</b> <b>World</b>
или
<b>Hello</b>
<b>World</b>
Будет иметь место между "Hello" и "World".
Но при преобразовании в Jade это будет
b Hello
b World
При визуализации как HTML пространство исчезает. Как:
<b>Hello</b><b>World</b>
Нужно ли добавлять
в мой шаблон Jade или есть ли способ получить нормальное пространство в сгенерированном HTML?
Ответы
Ответ 1
Это должно сделать это:
b Hello
| World
К сожалению, он выводит этот HTML-вывод в Chrome на моей машине:
<b>
Hello
World</b>
Но в конце это становится:
![enter image description here]()
Чтобы подойти к концу
b Hello
b World
... также сделает это.
Ответ 2
Конечно, когда у вас есть два одинаковых тега друг за другом, вы можете просто их слить:
b Hello World
Но если у вас будет два разных тега sibling и вам понадобится пространство между ними, вы можете использовать piping для вывода пробела между ними.
Например:
b Hello
| <-- 2 spaces after the pipe
i World
Обратите внимание, что при указании содержимого тега/текста трубопровода фактическому текстовому содержимому предшествует пробел. Это пустое пространство не выводится. Таким образом, для того, чтобы пропустить пустое пространство, вам понадобится символ |
, а затем два.
Если вы находитесь в среде, где конечные пробелы не сохраняются, вы также можете использовать следующее:
b Hello
=" "
i World
=
оценивает выражение JavaScript и выводит результат.
Также обратите внимание, что
является не тем же, что и пространство в HTML. Правильный HTML-объект для использования -  
(или  
, если вам нравятся шестнадцатеричные числа).
обозначает n on b, вызывающий sp туз. Его код символа равен 160 ( 
). Разница в том, что, когда используется обычное пространство, несколько пробелов будут отображаться как одно пространство, и если линия переполняется, текст будет продолжен на следующей строке. * Сразу же будут показаны неразрывные пробелы с другой стороны. Линии никогда не будут обертываться там, где используется неразрывное пространство.
Это лучше всего иллюстрируется примером:
& NBSP;
(Note the scroll bar at the bottom.)
Ответ 3
Я сделал микс для простейших пробелов:
mixin space()
| !{' '}
поэтому вам нужно только:
b Hello
+space
b World
Ответ 4
если хочешь так
<b>Hello</b> <b>World</b>
Вы должны использовать это
b Hello
|
b World