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

Email aboneliği

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