在php中,我尝试这样做:
<div class="left"> some text </div>
<div class="left"> some text </div>
<div class="right"> some text </div>
<div class="right"> some text </div>
<div class="left"> some text </div>
<div class="left"> some text </div>
<div class="right"> some text </div>
<div class="right"> some text </div>
.
.
.
我需要不同的类每2项有不同的html设计。
试试这个,
$arrayX = array("left","right");
$i = 4;
while($i<100){
if($i%4<2){
echo '<div class="'.$arrayX[0].'"> some text </div>';
}else{
echo '<div class="'.$arrayX[1].'"> some text </div>';
}
$i++;
}
也许你可以用这个CSS代替。
div:nth-child(4n+1),
div:nth-child(4n+2)
{
background: #ff0000;
}
假设您有一个遍历所有'some text'条目的foreach循环。你可以添加一个计数器,然后做一些简单的逻辑。
$yourtexts = array("some text","some text","some text","some text","some text","some text","some text","some text","some text");
$i=0; // counter
foreach ($yourtexts as $sometext) {
print ($i<2) ? '<div class="left">' : '<div class="right">'; // $i<2 go left else go right
print "$sometext</div>";
$i++; // count
if ($i>3) { $i=0; } // reset to zero.
}