Question

好的，这是我的新问题，以及我想要完成的完整描述。我使用了你给我的建议并且工作正常，但是当我通过信息将ORDER更改为不同的字段和if语句时，它变得疯狂了。

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

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

和每个项目下的一个

<div class="product-col" >.

如果该项目是第3个，第5个，第7个等等......它将在左侧，并且在它之前不需要“vLine”div，如果它是最后一个项目则不需要“ product-col“div下面，因为最后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%;">';}
?>

Answer 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（单数）来交替奇数项目

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

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

不同的CSS样式为php数组Pt.2的最后一个元素

1 个答案: