Existe uma maneira elegante de criar/gerar espaços em vez de & nbsp?

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

  •  05-07-2019
  •  | 
  •  

Pergunta

Preciso gerar espaços em um arquivo HTML.

Foi útil?

Solução

Tudo depende do contexto, você pode usar o espaçamento de letras, o espaçamento das palavras ou, por exemplo, preenchimento para o Span nos arredores.

Sem mais informações, é impossível dar um bom conselho.

Editar: Se for para uso em textos / entre as palavras, eu iria para o espaçamento das palavras e talvez o espaçamento de cartas.

Outras dicas

Use qualquer um &nbsp ou <pre> Tag. o <pre> A tag preserva todos os espaços, guias e novas linhas.

EDITAR
Em relação ao seu comentário sobre o uso, para preenchimento, você pode querer olhar CSS preenchimento

Eu quase nunca uso &nbsp;

margin e padding propriedades funcionam bem para espaçamento e <br /> para novas linhas. (Eu não uso <br /> com muita frequência também.)

é um espaço sem quebra. Alternativamente, acho que você poderia usar um <br /> (Xhtml lá) Tag apenas para gerar uma nova linha.

Eu uso uma extensão com as classes CSS.
Eu tenho várias aulas como spacer_1, spacer_2, spacer_3, etc ..
Eu uso diferentes estofamento horizontal assim

.spacer_1
{
    padding:0px 5px;
}

Para usar este espaçador, você pode usar o seguinte

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

apenas faça:

/* 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 está certo. Mas eu tenho 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>

E a propósito, você deve substituir &nbsp; com &#160; Para se conformar com xhtml.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top