IntroductionIn många fall du skulle vilja sväva precis ett element till den högra änden eller vänster slutet av en rad. Det kan finnas tillfällen då du skulle vilja flyta två eller flera element på en linje åt höger eller vänster. Jag visar dig ett enkelt sätt att göra det behöver i denna article.You grundläggande kunskaper i HTML och CSS för att förstå detta article.Note: Om du inte kan se koden, eller om du tror att något saknas i den här artikeln (bruten länk, bild saknas), bara att kontakta mig på [email protected].
Det är, kontakta mig för minsta problem du har om vad du reading.ExperimentLet oss anta att du har tre SPAN element och du vill flyta dem i den andra där de skrivit. I ett fall du vill flyta dem till höger och i ett annat fall, vill du flyta dem till vänster. Prova följande två kodexempel. Den första är att flyta dem till höger och den andra en är att flyta dem till vänster. Du förväntar dig de tre SPAN element som ska visas på webbläsaren i den ordning som de skrivit. Viss text. SPAN 1 SPAN 2 SPAN 3 Några textThe andra kodexempel: Viss text.
SPAN 1 SPAN 2 SPAN3 Några textResultFor den första koden span elementen dök upp i fel och motsatt ordning. För den andra koden span element dök upp i rätt ordning. Vi drar slutsatsen att när du vill flyta mer än ett element till höger, i en linje, om vart och ett av elementen har sin egen CSS "float: right" egendom /värde-par, då elementen kommer att flyta i omvänd ordning. LÖSNINGEN lösning är att sätta alla element i en innehåller element, och flyta endast innehåller element till höger. Nästa fråga är vilken del vi välja? Ett bra inslag är HTML Object elementet.
Objekt elementet är ett element för godtycklig användning. När du vill ha en del som inte är i HTML-specifikationen, måste du göra en med föremålet elementet. Objekt elementet är ett komplext element, men för våra ändamål, använder du det på ett enkelt ligt sätt Object elementet är ett inline inslag som standard. Den har en start- och sluttagg. Du gör helt enkelt innehållet i objektelementet, de element som du vill flutit. Den ordning i vilken du skriver elementen är i vilken ordning de ska visas flöt rätt. Följande kod visar detta: objektet {float: right} Vissa text.
SPAN 1 SPAN 2 SPAN 3 Några textTry ovanstående kod. Det är objektelement som flöt, inte enskilda SPAN elements.You är nu i stånd att flyta mer än ett element i en rad conveniently.Chrys