CSS-dä Fleks elementler
Biziň öwrenen blok modellerimizden başga,
ýene bir model bar - fleks elementler. Bu elementleri almak üçin,
ata-enelerine
display häsiýetini
flex bahasynda ýazmaly. Ata-ene özi
blok element bolup galar, emma onuň çagalary
fleks elementlerine öwrüler.
Fleks elementler, blok elementler ýaly
inini we beýikligini, margin we padding bolup biler.
Şeýle-de, blok elementlerden tapawutlylykda,
adaty ýagdaýynda fleks elementler ata-enesi içinde
hatarda düzüler.
Geliň synaýaly:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
</div>
.parent {
display: flex; /* çagalar fleks elementleri bolar */
width: 300px;
height: 200px;
border: 1px solid red;
}
.child {
width: 50px;
height: 50px;
border: 1px solid green;
}
:
