Die float Eienskap

Die float eienskap - spesifiseer vloeiende blokke wat deur teks omvloei sal word. Die float eienskap word soms saam gebruik met die clear eienskap, wat omvloeiing van 'n element kanselleer.

Alhoewel float oorspronklik uitgedink was vir die insetting van omvloei blokke in teks, word dit tans baie wyd en op 'n nie-standaard manier gebruik vir die bou van uitlegte.

Sintaksis

cssselekteerder {
  float: left | right | none;
}

cssselekteerder {
  clear: both | left | right | none;
}

Waardes vir float

Waarde	Beskrywing
`left`	Die blok sal aan die linkerkant vloei, en die teks sal dit aan die regterkant omvloei.
`right`	Die blok sal aan die regterkant vloei, en die teks sal dit aan die linkerkant omvloei.
`none`	Geen omvloeiing nie.

Verstekwaarde: none.

Waardes vir clear

Waarde	Beskrywing
`left`	Kanselleer omvloeiing van links.
`right`	Kanselleer omvloeiing van regs.
`both`	Kanselleer omvloeiing van beide links en regs.
`none`	Geen kansellasie van omvloeiing nie.

Verstekwaarde: none.

Voorbeeld

Laat ons float op 'n nie-standaard manier gebruik, deur die lysitems in 'n lyn te plaas:

html<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

cssli {
  float: left;
  border: 1px solid red;
}

Результат:

Sien ook

die eienskap clear,
wat float vir boonste elemente kanselleer