Profil detayı eklendi, herkes profillerine girip bir gözatsın! Sevdiğiniz üyelerin cevaplarını takip edin! Tüm güncellemeler

css yan yana 5 er li listeleme <li></li>

css ile yan yana 5 er li satırlar halinde listeleme yapmak istiyorum. mysql üzerinden gelen kayıt satısı örneğin 45 olsun, otomatik olarak 5 kayıttan sonra yan yana blok halinde gitsin.. ama ne yaptıysam tek olarak listeliyor.


nasıl yapabilirim=?

4

Cevaplar (4)

İşlem devam ediyor, lütfen bekleyin..
Sedat BAŞ
@idvlprs
3 ay önce

.container{

display: flex;

justify-content: flex-start;

flex-wrap: wrap;

}

İşlem devam ediyor, lütfen bekleyin..
CKalyon
@ckalyoncu
3 ay önce
float:left;

Yani tam olarak seni anlamamış da olabilrim birazdaha açıklayıcı yazabilirmsin

İşlem devam ediyor, lütfen bekleyin..
Abdulbaki Zırıh
@abdulbaki
3 ay önce [Güncellendi]
<style>
    body{
        margin: 0;
        padding: 0;
    }
    .list{
        width: 100%; // üst elementin genişliğini 100% yapıyoruz.
    }
    .list div{
      // her satırda 5 sütun olacağı için 100 / 5 yapıyoruz ve 20% genişlik değerini listelenen elemanlara veriyoruz.
        width: 20%;
        float: left;
        background: #dbdbdb;
        font-size: 50px;
    }
</style>
<div class="list">
    <?php foreach($data as $list): ?>
    <div>
        <?=$list['title'];?>
    </div>
    <?php endforeach; ?>
</div>

İşlem devam ediyor, lütfen bekleyin..
Ömer Çakır
@oomercakir
3 ay önce

CSS ile yapabilirsin.

ul{
  -webkit-column-count: 5; /* Chrome, Safari, Opera */
  -moz-column-count: 5; /* Firefox */
  column-count: 5;
}


İşlem devam ediyor, lütfen bekleyin..

Cevap yaz Sadece sorunun cevabını yazın