css flexbox üç div tag yan yana
CSS’de eskiden float komutu ile elemanları sağa sola diziyorduk. Günümüzde gelişen teknolojiyle beraber bunu flexbox ile yapmak mümkündür.
.kapsayan {
display: flex;
}
.kapsayan > div {
flex: 1; /*kapsayan içindeki div etiketini eşit büyük*/
}
<div class="kapsayan">
<div>Sol div</div>
<div>Orta div</div>
<div>Sağ div</div>
</div>
.kapsayan {
display: flex;
}
.kapsayan > div {
flex: 1; /*kapsayan içindeki div etiketini eşit büyük*/
border: 1px solid #a1a1a1;
margin: 5px;
text-align: center;
}
Sol div
Orta div
Sağ div
Bir cevap yazın