IntroductionIn mange tilfælde du ønsker at flyde bare ét element til højre ende eller venstre ende af en linje. Der kan være tidspunkter, hvor du ønsker at flyde to eller flere elementer på en linie til højre eller venstre. Jeg vise dig en bekvem måde at gøre det i denne article.You brug grundlæggende viden i HTML og CSS for at forstå denne article.Note: Hvis du ikke kan se koden, eller hvis du tror noget mangler i denne artikel (brudt link, billede fraværende), bare kontakte mig på [email protected].
Det vil sige, kontakt mig for det mindste problem, du har om, hvad du reading.ExperimentLet os antage, at du har tre SPAN elementer, og du ønsker at flyde dem i den anden, hvor de blev skrevet. I et tilfælde, du ønsker at flyde dem til højre og i et andet tilfælde, du ønsker at flyde dem til venstre. Prøv følgende to kodeeksempler. Den første er at flyde dem til højre og den anden er at flyde dem til venstre. Du forventer de tre SPAN elementer, der skal vises i browseren i den rækkefølge, de blev skrevet. Noget tekst. SPAN 1 SPAN 2 SPAN 3 Nogle textThe anden kodeeksempel: Noget tekst.
SPAN 1 SPAN 2 SPAN3 Nogle textResultFor den første kode span elementer optrådte i den forkerte og modsat rækkefølge. For anden kode span elementer dukkede op i den rigtige rækkefølge. Vi konkluderer, at når du ønsker at flyde mere end et element til højre, i en linje, hvis hver enkelt af elementerne har sin egen CSS "float: right" ejendom /værdi par, så de elementer vil blive flød i den modsatte rækkefølge. SolutionThe løsning er at sætte alle elementer i en indeholdende element, og flyde kun indeholder elementet til højre.
Det næste spørgsmål er, hvilket element vi vælge? En god element er HTML Objekt element. Det Object element er et element til vilkårlig brug. Når du ønsker et element, der ikke er i HTML-specifikationen, man skal også have en med OBJECT elementet. Det Object element er et komplekst element, men til vores formål, du bruger det i en enkel way.The Object element er en inline element som standard. Det har en start og slut-tag. Du skal blot gøre indholdet af objekt element, de elementer, du vil flød. Den rækkefølge, som du skriver elementerne er den rækkefølge, som de vil blive vist svævede højre.
Følgende kode illustrerer dette: objekt {float: højre} Noget tekst. SPAN 1 SPAN 2 SPAN 3 Nogle textTry ovenstående kode. Det er Object element, der er flød, ikke den enkelte SPAN elements.You er nu i stand til at flyde mere end ét element i en linje convenientl