Dois-je utiliser pour l'espace de Jade?
Je suis à l'aide de Jade et tout est cool, sauf que le Jade "mange" mes espaces.
Par exemple, en HTML:
<b>Hello</b> <b>World</b>
ou
<b>Hello</b>
<b>World</b>
Aura un espace entre "Bonjour" et "Monde".
Mais lors de la conversion de Jade, il serait
b Hello
b World
Lors du rendu HTML, l'espace a disparu. Comme:
<b>Hello</b><b>World</b>
Dois-je ajouter
dans mon modèle Jade ou est-il un moyen d'obtenir un espace dans le code HTML généré?
Vous devez vous connecter pour publier un commentaire.
Cela devrait le faire:
Malheureusement, il produit cette sortie HTML dans le navigateur Chrome sur mon ordinateur:
Mais à la fin cela devient:
Pour arriver à une fin
...va le faire aussi.
signifie que vous vous retrouvez avec deux espaces dans le résultat.Bien sûr, quand vous en avez deux les points les uns après les autres, vous pouvez simplement les fusionner:
Mais, si vous avez deux différents, de frère, de balises et voudrait un espace entre eux, vous pouvez utiliser tuyauterie à la sortie d'un espace entre eux.
Par exemple:
Noter que lors de la spécification de contenu des balises /tuyauterie de texte, le contenu du texte est précédée par un espace blanc. Cet espace blanc n'est pas imprimée. Donc, en effet, à pipe, un espace blanc vous avez besoin d'un
|
caractère, suivi par deux espaces.Si vous êtes dans un environnement où les espaces ne sont pas conservés, vous pouvez utiliser les éléments suivants:
=
évalue une expression JavaScript et renvoie le résultat.Également noter que
est pas la même comme un espace en HTML. La bonne entité HTML à utiliser est 
(ou 
si vous aimez les nombres hexadécimaux).
signifie nsur-breaking space. Son code de caractère de 160 ( 
). La différence c'est que là où un espace ordinaire est utilisé, plusieurs espaces seront affichés comme un espace unique et si une ligne de débordements, le texte continue sur la ligne suivante.* Les espaces insécables en revanche toujours être indiqué. Les lignes ne seront jamais envelopper où un espace insécable est utilisé.Ce fait est illustré par un exemple:
HTML:
De l'espace ( )
HTML:
* Cela peut être substituée avec le CSS
white-space
de la propriété. Certains éléments, tels que<pre>
, afficher tous les espaces blancs et les fins de ligne par défaut.
😉 )
est que, si la ligne est cassée, le
occupera encore une certaine largeur. Qui peut entraîner un mauvais alignement lorsque vous utilisezalign-right
oualign-center
.J'ai fait un mixin pour explicid espace:
si vous avez seulement besoin de:
si vous le voulez, comme ce
Vous devez utiliser cette
Ici est une façon plus simple: