まぁある案件で、画像ギャラリーをphpで管理していたときにcsvデータからデータを抜き出して画像をfor分で並べるときに、リストタグを利用して並べるが、「margin-left:10px」と隙間を空けるとどーしても一番左にも隙間ができてしまう。
なのでphpでfor分でぶんまわすときに一番ひだりに「margin-left:0」のクラスを設定するようなプログラムを組む。
上記のようにCSSを組んでみました。
そんで下記のようにphpで組んでます
-
番号 : ".$i."";
}else{
echo "
- 番号 : ".$i." "; } } ?>
て具合に組んで、余りが発生するときは通常のリストタグ・・・そうではないとき（4で割り切れるとき）はリストに「class=”fast”」でマージンを削除している。
いちおメモっとくと「if(i%4)」の部分は4で割って余りがあった場合はtrueとなる。下記の実行結果を見てもらうと分かるが、一番左の列の番号は4で割り切れる数になっていて、なおかつマージンがなくクラスが設定されているのが分かると思う。
