Veri sayısına göre css uygulama

Merhabalar, class="left" sola hizaliyor class=" " sağa hizalıyor. 10 tane verim var diyelim bir sağa bir sola hizalanarak gitmesini istiyorum. Nasıl bir mantık yapıyoruz?

counter yap çiftse left tekse right

Merhaba,

display: flex;
display: inline;

hangisini tercih ediyorsan kullanabilirsin. Eğer Bootstrap kullanıyorsan flex 'i incelemeni öneririm.

li {
color: black;
}
li:nth-child(odd) {
color: #red;
}
li:nth-child(even) {
color: blue;
}

CSS Kısmını yukarıdaki gibi yapabilirsin odd-even kullanarak.
HTML Kısmı ise şöyle bir şeyler olacak.

<ul>
<li>ho</li>
<li>ho</li>
<li>ho</li>
<li>ho</li>
<li>ho</li>
</ul>

css ile de olabildiğini gördüm hepinize teşekkür ederim. Ben şöyle çözdüm yöntemi. Kaç kayıt var saydırdım ve yazdırdım eğer çift ise left tek ise right

Diğer arkadaşlarında belirttiği şekilde konudaki işlem css ile de kolayca halledilebilir. php taraflı çözmek isterseniz matematikteki modüler aritmetikten de faydalanılabilir. bir sayının 2ye göre mod'u 0 ise yani ikiye bölümünden kalan 0 ise sayı çift demektir. Buna göre verileri döngüyle çevirirken $i değişkeni tanımlayıp döngü içinde 1 artırarak bu sayıyıda 2 ye göre mod'unu alarak her bir kayıtta istediğimiz işlemi yapmasını sağlayabiliriz.

örnek kod:

<?php
$i = 1;
while(xxx)
{
    if ($i == 1 || $i % 2 == 0)
    {
        //ilk kayıt veya sayı çift (sola yasla veya başka bir işlem)
    }else{
        //sayı tek (sağa yasla veya başkak bir işlem)
    }
    
    $i++;
}

sadece sağa sola yaslama işlemleri için değil başka cssle çözülemeyecek backend başka bir sorunla karşılaşan konuyu okur diye paylaşmak istedim