Scribd
Carica
6 visualizzazioni15 pagine

CSS Flexbox

Css

Caricato da

mendrikaandriamihaja120
Copyright
© © All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato PDF, TXT o leggi online su Scribd
6 visualizzazioni15 pagine

CSS Flexbox

Css

Caricato da

mendrikaandriamihaja120
Copyright
© © All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato PDF, TXT o leggi online su Scribd
Sei sulla pagina 1/ 15

CSSFLEXBOX

Miarahabaanaoindraynyt
enakoandr
oany,
hianat
ral
esona
vaovaobeindrayisi
kaandr
oanydianymahakasi
kanyfl
exbox
CSS.
Misykar
azanymaromar
onyf
lexboxkadi
ahi
anar
an-
tsi
ka
andr
oanyizany.
Andaoar
yhat
ombokaavyhat
ranyi
zany.

Hoj
erent
sikavoal
ohanynypr
opr
i écssdi
ét spl
ay
Ampi
asai
nai
zyi
orehef
ahanaof
lexboxi
anao.
I
reoval
eurmi
arakaami
ny:

di
spl
ay:
fl
ex;
Nyval
eurfl
exdiamit
enyhoeat
aovymi
lahat
rahohor
izont
alny
él
émentsanat
in'
ny.
..
..
Ohat
ra:codeht
ml
<!
doct
ypeht
ml>
<ht
ml>
<t
it
le>CSSf
lexbox</
ti
tl
e>
<st
yle>
.
tout{
di
spl
ay:f
lex;
bor
der
:2pxsol
idr
ed;
f
ont
-si
ze:10px;
paddi
ng:4px;
al
ign-
it
ems:cent
er;
j
ust
if
y-cont
ent:cent
er;
}
.
it
em1{
bor
der
:2pxsol
idgr
ey;
paddi
ng:2px;
mar
gin:2px;
t
ext
-al
ign:cent
er;
}
</
styl
e>
<body>
<di
vcl
ass="
tout
">
<di
vcl
ass="
it
em1"
>It
em 1dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 2dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 3dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 4dansdi
v</
div>
</
div>
</
body>
</
html
>

Rahaexecut
enaamin'
nynavi
gat
euri
odi
amilahat
raho
hor
izont
alnyir
eoél
émentsdi
vmananacl
assit
em1ireo,
.
Izaynoasan' nydi splay:f
lex; ar
yaf akamampi asapr opr
iétécss
align-i
temssyj ustif
y-cont entianaor ehefamampi asapr opr
iét
é
cssdi splay.Nyasan' nyjust i
fy-contentsyali
gn-i
temsdi a
mi gerényposi t
ionan' i
layél ément sdivmananacl assitem1
i
r eo.Nyant si
kat extodianat aohoecent ersat
ri
at ianaho
cent r
ét sarai
layblockdi vi r
eo.
Hi
jer
ypr
opr
iét
écsshaf
ami
hint
syi
ndr
ayi
sikaet
o:
Pr
opr
i écssf
ét lex-
dir
ect
ioni
ndr
aynoj
erent
sikaet
oet
o
Mananaval
eurmar
omar
okaazavai
koami
n'nyal
alan'
i
ret
osar
y
i
ret
oizany:

Fanazavanakely:hori
zont
aldaholoi
zyeto,
aryvaleurr
owdia
valeurpardéf
aut,fanyrow-r
eversei
ndr
aydiamamadi kai
lay
blockholasanyvoalohanyfaranyar
yfar
anynol asa
voalohany.
Ohat
ra:codeht
ml(val
eurr
ow-
rever
set
eoi
o)
<!
doct
ypeht
ml>
<ht
ml>
<t
it
le>CSSf
lexbox</
ti
tl
e>
<st
yle>
.
tout{
di
spl
ay:f
lex;
f
lex-
dir
ect
ion:r
ow-
rever
se;
bor
der
:2pxsol
idr
ed;
f
ont
-si
ze:10px;
paddi
ng:4px;
}
.
it
em1{
bor
der
:2pxsol
idgr
ey;
paddi
ng:2px;
mar
gin:2px;
t
ext
-al
ign:cent
er;
}
</
styl
e>
<body>
<di
vcl
ass="
tout
">
<di
vcl
ass="
it
em1"
>It
em 1dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 2dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 3dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 4dansdi
v</
div>
</
div>
</
body>
</
html
>

Hi
jer
yval
eurhaf
aindr
ayi
sikaet
o
Et
o

i
ndr
aydi
ami
lahat
raenver
ti
cali
laybl
ocket
o,
Ohat
ra:codeht
ml(
val
eurcol
umn-
rever
se)
<!
doct
ypeht
ml>
<ht
ml>
<t
it
le>CSSf
lexbox</
ti
tl
e>
<st
yle>
.
tout{
di
spl
ay:f
lex;
f
lex-
dir
ect
ion:col
umn-
rever
se;
bor
der
:2pxsol
idr
ed;
f
ont
-si
ze:10px;
paddi
ng:4px;
}
.
it
em1{
bor
der
:2pxsol
idgr
ey;
paddi
ng:2px;
mar
gin:2px;
t
ext
-al
ign:cent
er;
}
</
styl
e>
<body>
<di
vcl
ass="
tout
">
<di
vcl
ass="
it
em1"
>It
em 1dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 2dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 3dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 4dansdi
v</
div>
</
div>
</
body>
</
html
>

Hi
jer
ypr
opr
iét
écsshaf
aindr
ayi
sikaet
o.

Just
if
y-cont
ent
Nypr
opr
i écssj
ét ust
if
y-cont
enti
ndr
aynoj
erent
sikami
araka

i
reoval
euri
zayananany.

I
oami
n'
nysar
yioi
zaot
enamazavat
sar
anyendr
iny.
Ohat
ra:codeht
ml(
il
ayval
eurf
lex-
endnoat
aont
sikaohat
raet
o)
<!
doct
ypeht
ml>
<ht
ml>
<t
it
le>CSSf
lexbox</
ti
tl
e>
<st
yle>
.
tout{
di
spl
ay:f
lex;
j
ust
if
y-cont
ent:f
lex-
end;
bor
der
:2pxsol
idr
ed;
f
ont
-si
ze:10px;
paddi
ng:4px;
}
.
it
em1{
bor
der
:2pxsol
idgr
ey;
paddi
ng:2px;
mar
gin:2px;
t
ext
-al
ign:cent
er;
}
</
styl
e>
<body>
<di
vcl
ass="
tout
">
<di
vcl
ass="
it
em1"
>It
em 1dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 2dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 3dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 4dansdi
v</
div>
</
div>
</
body>
</
html
>
I
reoindr
ayi
zaomisyvaleurkar
azanyefat
rahafa,
enyf
a
miar
akaamin'
nyendr
inysynyf i
voakanyi
reo.
Nyvaleurcent
erdi
amanaoi
layél
ément
srehet
rahoau
cent
re.
Nyvaleurspace-
bet
weendiamakaaucent
reihanykoaf
a
anef
amamemoan' i
laycont
enur
ehet
ranyl
argeur'
ny.
Nyspace-ar
oundindr
aydi
asamymakai
zayespacemet
y
ami
nyilayblock.
Nymi
tovi
tovyami
n'i
zayi
hanykoanyspace-
evenl
y.

Ohat
ra:codeht
ml(
val
eurspace-
bet
weennoal
aint
sikaet
o)
<!
doct
ypeht
ml>
<ht
ml>
<t
it
le>CSSf
lexbox</
ti
tl
e>
<st
yle>
.
tout{
di
spl
ay:f
lex;
j
ust
if
y-cont
ent:space-
bet
ween;
bor
der
:2pxsol
idr
ed;
f
ont
-si
ze:10px;
paddi
ng:4px;
}
.
it
em1{
bor
der
:2pxsol
idgr
ey;
paddi
ng:2px;
mar
gin:2px;
t
ext
-al
ign:cent
er;
}
</
styl
e>
<body>
<di
vcl
ass="
tout
">
<di
vcl
ass="
it
em1"
>It
em 1dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 2dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 3dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 4dansdi
v</
div>
</
div>
</
body>
</
html
>
Fl
ex-
wrap

Nyfl
ex-
wrapindr
aydiahoer
ehef
atsyampyazynycol
onnei
raydi
a
midi
naandal
anaizy.
Ar
yit
ykoami
syi
rayhaf
a:
Rahaataonowrapnyval
euran'i
layi
zydial
asaval
eurpardéf
auti
zany
di
at symakaàlali
gnemihi
ntsyizynadeef
afenoazyarynycol
umn
i
ray.Tahakaan'
i
oaminsaryioizany

Ohat
ra:codeht
ml(
wrap-
rever
senor
aisi
ntsi
ka)
<!
doct
ypeht
ml>
<ht
ml>
<t
it
le>CSSf
lexbox</
ti
tl
e>
<st
yle>
.
tout{
di
spl
ay:f
lex;
f
lex-
wrap:wr
ap-
rever
se;
bor
der
:2pxsol
idr
ed;
f
ont
-si
ze:10px;
paddi
ng:4px;
}
.
it
em1{
bor
der
:2pxsol
idgr
ey;
paddi
ng:2px;
mar
gin:2px;
t
ext
-al
ign:cent
er;
}
</
styl
e>
<body>
<di
vcl
ass="
tout
">
<di
vcl
ass="
it
em1"
>It
em 1dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 2dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 3dansdi
v</
div>
<di
vcl
ass="
it
em1"
>It
em 4dansdi
v</
div>
</
div>
</
body>
</
html
>

Hoj
erent
sikaami
n'nymanar
akanyt
ohi
nyf
ambol
ahaf
a
ankoat
ran'
i
reoany.
Tokonyhovi
tanoami
n'i
zayi
layexer
cicebemi
arakaami
n'i
ty
l
esonait
y

Potrebbero piacerti anche