ti-enxame.com

O centro de alinhamento de span de HTML não está funcionando?

Eu tenho um pouco de HTML:

<div align="center" style="border:1px solid red">
This is some text in a div element!
</div>

O Div está mudando o espaçamento no meu documento, então eu quero usar um intervalo para isso.

Mas span não é centralizar o conteúdo:

<span style="border:1px solid red;align=center">
This is some text in a div element!
</span>

Como faço para corrigir isso?

EDITAR:

Meu código completo:

<html>
<body>

<p>This is a paragraph. This text has no alignment specified.</p>

<span style="border:1px solid red;text-align=center">
  This is some text in a div element!
</span>

</body>
</html>
95
David19801

Uma div é um elemento de bloco e abrangerá a largura do contêiner, a menos que uma largura seja definida. Um intervalo é um elemento inline e terá a largura do texto dentro dele. Atualmente, você está tentando definir o alinhamento como uma propriedade CSS. Alinhar é um atributo.

<span align="center" style="border:1px solid red;">
    This is some text in a div element!
</span>

No entanto, o atributo align é reprovado. Você deve usar a propriedade CSS text-align no contêiner.

<div style="text-align: center;">
    <span style="border:1px solid red;">
        This is some text in a div element!
    </span>
</div>
176
Will

Por favor use o seguinte estilo. margin:auto normalmente usado para alinhar o conteúdo ao centro. display:table é necessário para o elemento span

<span style="margin:auto; display:table; border:1px solid red;">
    This is some text in a div element!
</span>
41
Chris J

O atributo align foi reprovado. Use CSS text-align em vez disso. Além disso, o span não centralizará o texto, a menos que você use display:block ou display:inline-block e defina um valor para a largura, mas então ele se comportará da mesma forma que um div (elemento de bloco).

Você pode postar um exemplo do seu layout? Use www.jsfiddle.net

29
Lucifer Sam
span.login-text {
    font-size: 22px;
    display:table;
    margin-left: auto;
    margin-right: auto;
}

<span class="login-text">Welcome To .....CMP</span>

Para mim funcionou muito bem. tente isso também

8
AIMABLE

O intervalo é inline-block e se ajusta ao tamanho do texto in-line, com uma tenacidade que bloqueia a maioria dos esforços para estilizar o contexto in-line. Para simplificar o estilo de layout (conflitos de limite), adicione div à tag 'p' com quebra de linha.

<p> some default stuff
<br>
<div style="text-align: center;"> your entered stuff </div>
0
mark stewart

Além de todas as outras explicações, acredito que você esteja usando um sinal "=" igual, em vez de ":":

<span style="border:1px solid red;text-align=center">

Deveria ser:

<span style="border:1px solid red;text-align:center">
0
nhazean