IntroductionIn veel gevallen je zou willen slechts één element naar rechts of links einde einde van een regel zweven. Er kunnen tijden zijn wanneer je zou willen om twee of meer elementen drijven op een lijn naar rechts of links. Ik toon je een handige manier om dat te doen in deze article.You nodig basiskennis in HTML en CSS om dit article.Note begrijpen: Als je niet kunt zien de code of als u denkt dat er iets ontbreekt in dit artikel (gebroken link image afwezig), neem dan contact met mij op [email protected].
Dat is, contact met mij op voor het geringste probleem dat je hebt over wat je reading.ExperimentLet we aannemen dat je drie SPAN elementen en je wilt ze zweven in de andere waarin ze werden ingetypt. In één geval wil je ze drijven naar rechts en in een ander geval, wilt u hen drijven naar links. Probeer de volgende twee codevoorbeelden. De eerste is om te drijven naar rechts en de tweede is om te drijven naar links. U verwacht de drie SPAN elementen aan de browser in de volgorde waarin zij getypt worden weergegeven. Wat tekst.
SPAN 1 SPAN 2 SPAN 3 Sommige textThe tweede code voorbeeld: Sommige tekst. SPAN 1 SPAN 2 SPAN3 Sommige textResultFor de eerste code de SPAN elementen verscheen in de verkeerde en de omgekeerde volgorde. Voor de tweede code de SPAN elementen verscheen in de juiste volgorde. We concluderen dat wanneer u meer dan één element drijven naar rechts, in een lijn, als elk van de elementen heeft zijn eigen CSS "float: right" eigenschap /waarde paar, dan is de elementen zullen worden dreef in omgekeerde volgorde.
SolutionThe oplossing is om alle elementen in een met element gemaakt en zweven alleen met element naar rechts. De volgende vraag is welk element we kiezen? Een goede element is de HTML-object-element. Het object element is een element voor het willekeurige gebruik. Wanneer u wilt een element dat niet in de HTML-specificatie, moet je één met het OBJECT element te maken. Het object element is een complex element, maar voor ons doel, het te gebruiken u op een eenvoudige manier bij Object element is een inline element standaard. Het heeft een begin en eind tag.
Je maakt gewoon de inhoud van het object element, de elementen die u wilt dreef. De volgorde waarin u de elementen typt is de volgorde waarin ze gelijk lijken dreven. De volgende code illustreert dit: object {float: right} Sommige tekst. SPAN 1 SPAN 2 SPAN 3 Sommige textTry de bovenstaande code. Het is het doel element dat wordt gedreven, niet de individuele SPA