IntroductionIn nombreux cas, vous voudriez flotter juste un élément à l'extrémité droite ou gauche d'une ligne. Il peut y avoir des moments où vous voudriez flotter deux ou plusieurs éléments sur une ligne vers la droite ou vers la gauche. Je vous montre un moyen pratique de le faire dans ce article.You besoin des connaissances de base en HTML et CSS pour comprendre ce article.Note: Si vous ne pouvez pas voir le code ou si vous pensez que quelque chose manquait dans cet article (lien cassé, l'image absent), contactez-moi au [email protected].
Voilà, me contacter pour le moindre problème que vous avez à propos de ce que vous nous reading.ExperimentLet supposer que vous avez trois éléments SPAN et vous voulez les flotter dans l'autre dans laquelle ils ont été tapés. Dans un cas, vous voulez les flotter à la droite et dans un autre cas, vous voulez les flotter à la gauche. Essayez les deux exemples de code suivants. Le premier est pour les flotter vers la droite et le second est de les remonter à la gauche. Vous attendez les trois éléments SPAN à être affichées au niveau du navigateur dans l'ordre dans lequel ils ont été tapés.
Certaines parties du texte. SPAN SPAN 1 2 3 SPAN Certains textThe deuxième exemple de code: Certaines parties du texte. SPAN SPAN 1 2 SPAN3 Certains textResultFor le premier code les éléments SPAN paru dans le mauvais ordre et opposée. Pour le second code les éléments SPAN sont apparus dans le bon ordre. Nous concluons que lorsque vous voulez flotter plus d'un élément vers la droite, dans une ligne, si chacun des éléments a son propre CSS "float: right" paire propriété /valeur, alors les éléments seront flottaient dans l'ordre inverse.
SolutionThe solution est de mettre tous les éléments dans un contenant l'élément, et flotter seul l'élément contenant vers la droite. La prochaine question est quel élément choisissons-nous? Un bon élément est l'élément HTML de l'objet. L'élément Object est un élément pour un usage arbitraire. Chaque fois que vous voulez un élément qui ne fait pas dans la spécification de HTML, vous avez à faire un avec l'élément OBJECT. L'élément Object est un élément complexe, mais pour notre but, vous l'utilisez dans un élément demaines Simple Object est un élément ligne par défaut.
Il dispose d'une balise de début et de fin. Vous faites simplement le contenu de l'élément de l'objet, les éléments que vous souhaitez flottait. L'ordre dans lequel vous tapez les éléments est l'ordre dans lequel ils apparaîtront