-1

データベースから配列を取得し、 foreach ステートメントを使用してその内容を出力する Web サイト プロジェクトに取り組んでいます。PHPスクリプトを使用して、配列内のアイテムの数をカウントし、各アイテムに番号位置を割り当てて、最初のアイテムの番号位置が奇数の場合、css float:left スタイルを適用しますが、偶数の場合浮きます:右

何か助けてください??. ありがとうございました。

4

4 に答える 4

1

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 の回答を参照してください。

于 2013-01-15T17:51:52.323 に答える
1

モジュラス オペランドを使用します。

<?php foreach ( $array as $index => $item ): ?>
    <div class="<?php echo $index % 2 ? 'even' : 'odd'; ?>"></div>
<?php endforeach; ?>

次に、これらのクラス名を CSS で使用します。

.odd {  float: left }
.even { float: right }
于 2013-01-15T17:23:06.460 に答える
0

:oddセレクターでjqueryを使用することもできると思います。

于 2013-01-15T17:14:47.000 に答える
0

css のみで実行できます。

.list:nth-child(odd) {float:left;}
.list:nth-child(even) {float:right;}
于 2013-01-15T17:22:12.833 に答える