1

これが私の新しい問題であり、私が達成しようとしていることの完全な説明です。あなたがくれた提案を使用してうまくいきましたが、ORDER by information を別のフィールドと if ステートメントに変更すると、おかしくなりました。

これが私が必要とするものです。ページに2つの列があり、配列が処理されるときに、各列を左から右、上から下に埋める結果を表示する必要があります。各項目の間に分割線があります

<div class="centerBoxContentsFeatured centeredContent back  vLine " style="width:50%;">

各項目の下に 1 つ

<div class="product-col" >.

項目が 3 番目、5 番目、7 番目などである場合は、左側にあり、その前に「vLine」div は必要ありません。また、最後の項目である場合は、「product-col」は必要ありません。最後の 2 つの項目に下の仕切りを付ける必要はありませんが、ページ全体で 2 つの項目しかない場合は、下の仕切りを残すことができます。私は何を間違っていますか？

<?php
$count_temp  = count ($productid);
for ($i = 0; $i < $count_temp; ++$i) {
    $artist = get_the_title();
    if (($productartist[$i] == $artist ) && $categoryID[$i] ==1 ) {
    ?>
//Content//
<?php if (!($i === 0) && !($i % 2)  &&
         ($productid[$i] == 1) &&
         ( $i === (count ($productid) - 1))) {
             echo'<div class="product-col-none" >';
      }
      else  { echo '<div class="product-col" >';} 
?>
//Content//
<? if !( $i === (count ($productid) - 1))
   { 
        echo '<div class="centerBoxContentsFeatured centeredContent back  vLine " '.
             'style="width:50%;">';
   }
   else { 
        echo '<div class="centerBoxContentsFeatured centeredContent back " '.
             'style="width:50%;">';}
?>
4

1 に答える 1

1

css ファイルのコードについてここに書く必要があります。html に埋め込まれた php コードで物事が複雑になり、不明確になります。

奇数番号 (3,5,7..) のアイテムに別のスタイルが必要で、最後のアイテムに別のスタイルが必要な場合は、使用することをお勧めしますcss pseudo classes

最後の項目に css 疑似クラス last-child を使用できます。

li:last-child
{
  // Your specific style for last item goes here
}

css pseudo class nth-child(odd) を使用して、奇数番号のアイテムを交互に使用することもできます

li:nth-child(odd)
{
  // Your specific style for odd items goes here
}

これがあなたが探しているものであることを願っています.クライアント側で行われることを設定できるのに、サーバー側の負荷を与えるのはなぜですか.

于 2013-08-28T15:04:01.927 に答える