Asettelun Flex-suunta
flex-direction-ominaisuuden avulla voidaan määrittää, mihin suuntaan flex-elementit asetellaan. Oletusarvoisesti tämä ominaisuus on asetettu arvoon row, mikä tuottaa vasemmalta oikealle etenevän asettelun selaimissa, joissa oletuskielenä on englanti. Voit asettaa sen seuraaviin arvoihin:
flex-direction: row | column | row-reverse | column-reverse;
Tarkastellaan seuraavaksi esimerkkinä verkkosivun navigaatiota.
row
index.html
index.css
row-reverse
index.html
index.css
column
Kiinnitä huomiota kohteiden leveyteen; ne kattavat koko vanhemman leveyden.
index.html
index.css
column-reverse
index.html
index.css
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Awesome!
Completion rate improved to 2.56
Asettelun Flex-suunta
Pyyhkäise näyttääksesi valikon
flex-direction-ominaisuuden avulla voidaan määrittää, mihin suuntaan flex-elementit asetellaan. Oletusarvoisesti tämä ominaisuus on asetettu arvoon row, mikä tuottaa vasemmalta oikealle etenevän asettelun selaimissa, joissa oletuskielenä on englanti. Voit asettaa sen seuraaviin arvoihin:
flex-direction: row | column | row-reverse | column-reverse;
Tarkastellaan seuraavaksi esimerkkinä verkkosivun navigaatiota.
row
index.html
index.css
row-reverse
index.html
index.css
column
Kiinnitä huomiota kohteiden leveyteen; ne kattavat koko vanhemman leveyden.
index.html
index.css
column-reverse
index.html
index.css
Kiitos palautteestasi!