データベースから配列を取得し、 foreach ステートメントを使用してその内容を出力する Web サイト プロジェクトに取り組んでいます。PHPスクリプトを使用して、配列内のアイテムの数をカウントし、各アイテムに番号位置を割り当てて、最初のアイテムの番号位置が奇数の場合、css float:left スタイルを適用しますが、偶数の場合浮きます:右
何か助けてください??. ありがとうございました。
CSS3 には優れた機能(.list:nth-child(odd) {float:left;} .list:nth-child(even) {float:right;} )がありますが、これは多くのブラウザー (ie8 および ie8 および以下、古い Firefox など) .. 少なくとも WinXP+IE を使用しているすべてのユーザーは、異なる色のない通常のリストのみを表示します。
jQuery (ここにも記載) は$('.xy:odd').css({'float':'left'});で選択することもできます。ただし、プロジェクトで jQuery を使用していない場合は、大きな (90kb jQuery ライブラリ) オーバーヘッドになります。PHPを使用すると、パフォーマンスも向上します。
したがって、php とモジュロ オペランド(if $count % 2)を使用することをお勧めします。Joseph Silber の回答を参照してください。
モジュラス オペランドを使用します。
<?php foreach ( $array as $index => $item ): ?>
<div class="<?php echo $index % 2 ? 'even' : 'odd'; ?>"></div>
<?php endforeach; ?>
次に、これらのクラス名を CSS で使用します。
.odd { float: left }
.even { float: right }
:oddセレクターでjqueryを使用することもできると思います。
css のみで実行できます。
.list:nth-child(odd) {float:left;}
.list:nth-child(even) {float:right;}