125 votes

HTML span align center ne fonctionne pas ?

J'ai un peu de HTML :

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

Le Div modifie l'espacement de mon document, je veux donc utiliser un span à la place.

Mais le span ne centralise pas le contenu :

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

Comment puis-je réparer cela ?

EDIT :

Mon code complet :

<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>

1 votes

Votre div "change l'espacement" ? Qu'est-ce que vous entendez par là ? Et votre span ne le fera pas, car par défaut, c'est un élément de type en ligne alors qu'un div est un élément bloc élément de niveau.

0 votes

Bonjour JamWaffles, Par "espacement", je veux dire que la division ajoute de l'espace au-dessus et au-dessous du contenu. Le span ne fait pas cela.

0 votes

Utilisez Firebug ou l'inspecteur de Chrome pour voir quelles règles CSS sont appliquées à votre élément, et recherchez celle qui ajoute un padding ou une marge. Il est également possible que les éléments environnants aient un padding/margin.

1voto

mark stewart Points 174

Span est un bloc en ligne et s'adapte à la taille du texte en ligne, avec une ténacité qui bloque la plupart des efforts de style hors du contexte en ligne. Pour simplifier le style de la mise en page (et limiter les conflits), ajoutez un div à la balise 'p' avec un saut de ligne.

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

-8voto

mon Points 1

Il suffit d'utiliser word-wrap:break-word; dans le css. Cela fonctionne.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X