Elementet Flex në CSS
Përveç modeleve të bllokut që kemi studiuar
ka edhe një tjetër - elementet flex. Për të
marrë elemente të tilla, është e nevojshme që prindërit
i këtyre elementeve të shkruajë vetinë display
me vlerën flex. Vetë prindëri do të mbetet
element bllok, por pasardhësit e tij do të bëhen
elemente flex.
Elementet Flex, ngjashëm me ato bllok mund të kenë
gjerësi dhe lartësi, margin dhe padding.
Sidoqoftë, ndryshe nga bllokët, si parazgjedhje
elementet flex rreshtohen në një rresht brenda
prindit të tyre.
Le të provojmë:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
</div>
.parent {
display: flex; /* pasardhësit do të jenë elemente flex */
width: 300px;
height: 200px;
border: 1px solid red;
}
.child {
width: 50px;
height: 50px;
border: 1px solid green;
}
:
