precio - pug puppy

¿Tengo que usar & nbsp; para el espacio en jade?

Question

Estoy usando Jade y todo está bien, excepto que Jade "come" mis espacios.

Por ejemplo, en HTML:

<b>Hello</b> <b>World</b>

o

<b>Hello</b>
<b>World</b>

Tendrá un espacio entre "Hola" y "Mundo".

Pero al convertir a Jade sería

b Hello
b World

Cuando se representa como HTML, el espacio se ha ido. Me gusta:

<b>Hello</b><b>World</b>

¿Tengo que agregar   en mi plantilla de Jade o hay alguna forma de obtener un espacio normal en el HTML generado?

Answer 1

Esto debería hacerlo:

b Hello
  | World

Lamentablemente produce esta salida HTML en Chrome en mi máquina:

<b>
              Hello
              World</b>

Pero al final se convierte en:

Llegar a su fin

b Hello  
b World

... lo hará también.

Answer 2

Hice un mixin para espacios en blanco explícitos:

mixin space()
  | !{'' ''}

así que solo necesitas:

b Hello
+space
b World

Answer 3

Por supuesto, cuando tienes dos de las mismas etiquetas una tras otra, puedes simplemente fusionarlas:

b Hello World

Pero, si tuviera dos etiquetas de hermanos diferentes y quisiera un espacio entre ellas, podría usar piping para generar un espacio entre ellas.

Por ejemplo:

b Hello
|     <-- 2 spaces after the pipe
i World

Tenga en cuenta que al especificar el contenido de la etiqueta / el texto de la tubería, el contenido del texto real está precedido por un espacio en blanco. Este espacio en blanco no se imprime. Entonces, en efecto, para canalizar un espacio en blanco se necesita un | Personaje seguido de dos espacios.

Si se encuentra en un entorno donde no se conservan los espacios al final, puede usar alternativamente lo siguiente:

b Hello
=" "
i World

= evalúa una expresión de JavaScript y genera el resultado.

También tenga en cuenta que   No es lo mismo que un espacio en HTML. La entidad HTML correcta para usar es   (o   si te gustan los números hexadecimales).

  representa n on- b reaking sp as. Su código de carácter es 160 (   ). La diferencia es que cuando se usa un espacio ordinario, los espacios múltiples se mostrarán como un solo espacio y, si una línea se desborda, el texto continuará en la línea siguiente. * Los espacios sin interrupciones, por otro lado, siempre se mostrarán. Las líneas nunca se ajustarán donde se utiliza un espacio sin interrupciones.

Esto se ilustra mejor con un ejemplo:

& nbsp;

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    (Note the scroll bar at the bottom.)

Espacio (& # 32;)

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    (Note there is no scroll bar because all spaces are concatenated into one.)

_{* Esto se puede anular con la propiedad de white-space CSS. Algunos elementos, como <pre> , muestran todos los espacios en blanco y los finales de línea de forma predeterminada.}