Sådan Place DIV tags side om side

January 13

Sådan Place DIV tags side om side


HTML stil elementer giver dig mulighed for at skabe rige og iøjnefaldende Web sidelayout, der ikke er begrænsede til den traditionelle bord setup. For eksempel, hvis du har to beholdere med forskellige vertikale højder og du ønsker at placere dem ved siden af ​​hinanden, behøver du ikke at beskæftige sig med de begrænsninger og problemer browser kompatibilitet forbundet med spænder over en celle over flere rækker. Ved hjælp af en "flyde" stil element, kan du placere to DIV containere ved siden af ​​hinanden.

Instruktioner

1 Åbn websiden med DIV beholderne du ønsker at placere side om side i din foretrukne teksteditor.

2 Føj følgende kode til tag af den første DIV container i sekvensen af ​​dem, du ønsker at placere ved siden af ​​hinanden:

style = "float: left"

3 Gentag trin 2 med mærkerne for de resterende DIV containere i sekvensen.

TIPS

  • Du kan også bruge en værdi af "ret" i stedet for "venstre" for værdien af ​​flyderen stil, hvis du ønsker at tilpasse beholderne til højre for deres forældre container.

relaterede artikler