1

好的，这是我的新问题，以及对我要完成的工作的完整描述。我使用了您给我的建议并且效果很好，但是当我将 ORDER by information 更改为不同的字段和 if 语句时，它变得疯狂。

这是我需要的，我在一个页面上有两列，当处理数组时，我需要它来显示从左到右从上到下填充每一列的结果。每个项目之间有一条分割线

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

每个项目下都有一个

<div class="product-col" >.

如果该项目是第 3、5、7 等等......它将在左侧并且不需要“vLine” div 在它之前，如果它是最后一个项目，它不需要“product-col” ” div 作为最后 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 伪类 nth-child(odd) 来交替奇数项目

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

我希望这就是您正在寻找的，当您可以在客户端完成设置时，为什么要给服务器端负载。

于 2013-08-28T15:04:01.927 回答