*   >> Lese Utdanning Artikler >> science >> programming

Flyter mer enn én HTML-element på en Line

IntroductionIn mange tilfeller du ønsker å flyte bare ett element til høyre ende eller venstre ende av en linje. Det kan være ganger når du ønsker å flyte to eller flere elementer på en linje til høyre eller venstre. Jeg vise deg en enkel måte å gjøre det på denne article.You trenger grunnleggende kunnskaper i HTML og CSS for å forstå dette article.Note: Hvis du ikke kan se koden, eller hvis du tror noe mangler i denne artikkelen (brutt link, image fraværende), bare kontakte meg på [email protected]. Det er, kontakt meg for den minste problemet du har om hva du reading.

ExperimentLet oss anta at du har tre SPAN elementer og du vil flyte dem i den andre der de ble skrevet. I ett tilfelle du ønsker å flyte dem til høyre, og i en annen sak, vil du flyte dem til venstre. Prøv følgende to kodeeksempler. Den første er å flyte dem til høyre og den andre er å flyte dem til venstre. Du forventer de tre SPAN elementer som skal vises på nettleseren i den rekkefølgen de ble skrevet. Noe tekst. SPAN en SPAN to SPAN 3 Noen textThe andre kodeeksempel: Noe tekst. SPAN en SPAN to SPAN3 Noen textResultFor den første koden span elementer dukket opp i feil og motsatt rekkefølge.

For det andre kode span elementer dukket opp i riktig rekkefølge. Vi konkluderer med at når du ønsker å flyte mer enn ett element til høyre, på en linje, hvis hvert av elementene har sin egen CSS "float: right" eiendom /verdi-par, og deretter elementene vil bli fløt i motsatt rekkefølge. SolutionThe løsning er å sette alle elementene i en inneholdende element, og det flyter bare inneholdende element til høyre. Det neste spørsmålet er hvilke element velger vi? En god del er HTML Object element. Objekt element er et element for vilkårlig bruk.

Når du ønsker et element som ikke er i HTML-spesifikasjonen, må du lage den med OBJECT-elementet. Objekt element er et komplekst element, men for vårt formål, bruker du det på en enkel way.The Object element er et inline element som standard. Den har en start og slutt tag. Du bare gjøre innholdet for objektet element, de elementene du ønsker fløt. I hvilken rekkefølge du skriver elementene er i hvilken rekkefølge de vil vises fløt rett. Følgende kode illustrerer dette: objekt {float: right} Noe tekst. SPAN en SPAN to SPAN 3 Noen textTry koden ovenfor.

Det er formålet element som fløtes, ikke den enkelte SPAN elements.You er nå i stilling til å flyte mer enn ett element i en linje conveniently.Chrys


Copyright © 2008 - 2016 Lese Utdanning Artikler,https://utdanning.nmjjxx.com All rights reserved.