Vifurushi Fleksi katika CSS
Licha ya aina za modeli za kuzuia tulizosoma
kuna moja nyingine - vifurushi fleksi. Ili
kuipata, ni muhimu kwa mzazi
wa vitu hivi kuandika sifa display
kwa thamani flex. Mzazi mwenyewe atabaki
kuwa kizuizi, lakini vizazi vyake vitakuwa
vifurushi fleksi.
Vifurushi fleksi, kama vile vya kuzuia vinaweza kuwa na
upana na urefu, margin na padding.
Hata hivyo, tofauti na vya kuzuia,
kwa msingi
vifurushi fleksi hupangiliwa mfululizo ndani
ya mzazi wao.
Hebu tujaribu:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
</div>
.parent {
display: flex; /* vizazi vitakuwa vifurushi fleksi */
width: 300px;
height: 200px;
border: 1px solid red;
}
.child {
width: 50px;
height: 50px;
border: 1px solid green;
}
:
