Maison >interface Web >tutoriel CSS >Comment puis-je afficher les éléments DIV horizontalement plutôt que verticalement ?
Affichage des éléments DIV en ligne
Le code HTML fourni affiche les éléments DIV de manière empilée, les uns en dessous des autres. Le résultat souhaité, cependant, est d'afficher ces DIV en ligne, alignés horizontalement.
Dans le HTML fourni :
<div>foo</div><div>bar</div><div>baz</div>
Ces DIV apparaîtront sous la forme de trois lignes distinctes, avec "foo" sur la première ligne, "bar" sur la deuxième et "baz" sur la troisième.
Pour afficher ces DIV en ligne, il est recommandé d'utiliser SPAN éléments à la place. Les éléments SPAN, par défaut, s'affichent en ligne, ce qui signifie qu'ils seront alignés horizontalement. Le code modifié ressemblerait à ceci :
<span>foo</span><span>bar</span><span>baz</span>
Maintenant, une fois rendus, "foo", "bar" et "baz" apparaîtront côte à côte sur la même ligne.
Il est important de noter que les DIV en ligne ne sont pas standard et peuvent conduire à un comportement imprévisible. Dans la plupart des cas, il est préférable d'utiliser les éléments SPAN pour l'affichage en ligne.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!