IntroductionIn monissa tapauksissa haluaisi kellua vain yksi osa oikeaan päähän tai vasemmalle rivin loppuun. Saattaa olla aikoja, jolloin haluaisi kellua kaksi tai useampia elementtejä linja oikealle tai vasemmalle. Näytän kätevä tapa tehdä se tässä article.You tarvitsevat perustiedot HTML ja CSS, jotta ymmärtää tämä article.Note: Jos et näe koodia tai jos luulet jotain puuttuu tässä artikkelissa (rikki linkki, kuva poissa), vain yhteyttä minuun [email protected]. Eli minuun yhteyttä pienintäkään ongelmaa olet mitä olet reading.
ExperimentLet Oletetaan, että sinulla on kolme SPAN elementtejä ja haluat kellua niitä muita, jossa ne kirjoitetaan. Yhdessä tapauksessa haluat kellua ne oikeaan ja toisessa tapauksessa haluat kellua niitä vasemmalle. Kokeile seuraavia kaksi koodiesimerkkejä. Ensimmäinen on kellua niitä oikealle ja toinen on kellua ne vasemmalle. Odotat kolme SPAN elementit näkyä selaimen siinä järjestyksessä, jossa ne on kirjoitettu. Tekstiä. SPAN 1 SPAN 2 SPAN 3 Jotkut textThe toinen mallikoodi: Osa tekstistä.
SPAN 1 SPAN 2 SPAN3 Jotkut textResultFor ensimmäinen koodi SPAN elementtejä esiintyi väärässä ja päinvastaisessa järjestyksessä. Toisen koodi SPAN elementit ilmestyi oikeassa järjestyksessä. Voimme päätellä, että kun haluat kellua enemmän kuin yksi elementti oikealle, rivi, jos jokainen elementtien on oma CSS "float: right" omaisuus /arvo-pari, niin tekijät tullaan leijui päinvastaisessa järjestyksessä. SolutionThe ratkaisu on laittaa kaikki elementit, joka sisältää elementin, ja kellua vain sisältävä elementti oikealle.
Seuraava kysymys on, kumpi elementti me valita? Hyvä elementti on HTML Object elementti. Object elementti on osa mielivaltaisesti. Kun haluat elementti, joka ei ole HTML selityksessä, sinun on tehtävä yksi kohteen kanssa elementti. Object elementti on monimutkainen elementti, mutta meidän tarkoitukseen, voit käyttää sitä yksinkertainen way.The Object elementti on inline elementti oletuksena. Se on alku ja loppu tag. Sinun tarvitsee vain tehdä sisältöä Object elementin, elementit, jotka haluat kellui. Järjestys, jossa kirjoitat elementit on järjestyksessä, jossa ne näkyvät leijui oikealle.
Seuraava koodi kuvaa tätä: kohde {float: oikea} Osa tekstistä. SPAN 1 SPAN 2 SPAN 3 Jotkut textTry edellä koodi. Se on esine elementti, joka kelluu, eivät yksittäiset SPAN elements.You ovat nyt siinä asennossa kellua enemmän kuin yksi osa linja conveniently.Chrys