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

Önceki

özel wordpress footer, sidebar, header

Sonraki

Ücretsiz Premium Üyelik Kazanma Şansı Yakala

Bir cevap yazın

Email adresiniz paylaşılmayacak. Gerekli alanlar * ile işaretlidir.

Email aboneliği

Esakademi.com'dan iyi ve güzel haberler almak için listeye mailinizi ekleyin