¿Existe una forma elegante de crear / generar espacios en lugar de & amp; nbsp?

StackOverflow https://stackoverflow.com/questions/1803967

  •  05-07-2019
  •  | 
  •  

Pregunta

Necesito generar espacios en un archivo HTML.

¿Fue útil?

Solución

Todo depende del contexto, puede usar el espacio entre letras, el espacio entre palabras o, por ejemplo, el relleno para los espacios circundantes.

Sin más información, es imposible dar un buen consejo.

Editar: si se usa en textos / entre palabras, voy por el espacio entre palabras y tal vez entre letras.

Otros consejos

Use las etiquetas & amp; nbsp o < pre > . La etiqueta < pre > conserva todos los espacios, tabulaciones y nuevas líneas.

EDIT
Con respecto a su comentario sobre su uso, para el relleno, puede consultar relleno CSS

Casi nunca uso & amp; nbsp;

Las propiedades de

margin y padding funcionan bien para el espacio y < br / > para las nuevas líneas. (Yo tampoco uso < br / > con demasiada frecuencia).

& amp; nbsp; Es un espacio que no rompe. Alternativamente, supongo que puedes usar una etiqueta < br / > (XHTML allí) solo para generar una nueva línea.

uso un tramo con clases css.
Tengo varias clases como spacer_1, spacer_2, spacer_3, etc. ..
Uso diferentes tipos de relleno horizontal como este 

.spacer_1
{
    padding:0px 5px;
}

para usar este espaciador, puedes usar lo siguiente 

<span class="spacer_1" /> /*this will generate half the gap*/
<span class="spacer_1"></span>
<span class="spacer_1">|</span>

hazlo: 

/* in your css code:  */ 
pre
{
  display:inline;   
}

<!-- and then, in your HTML markup: -->

<pre>    this text comes after 4 spaces.</pre>
<span> continue the line with other element without braking </span>

Yacoby tiene razón. Pero tengo algo diferente: 

<head>

<style type="text/css">
    .left-space { margin-left: 10px; }
</style>

</head>

<body>

<div>
   <p>This is a test line.<span class="left-space">This is a line with space before it.</span></p>
</div>

</body>

Y, por cierto, debes reemplazar & amp; nbsp; con & amp; # 160; para cumplir con XHTML.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top