1. 程式人生 > >foreach迴圈實現一行多條資料並設定樣式

foreach迴圈實現一行多條資料並設定樣式

通常使用foreach之類的迴圈一行只顯示一條資料,有時候為了頁面需要,可以在一行顯示多條資料,可以在迴圈中做判斷新增html標籤,如下程式碼:

1、樣式程式碼:

<style type="text/css">
    body,div,p,ul,li,a,span,input,textarea,button,th,td{font-size:12px !important;}
    .on{background: #ea6100;color: #fff;}
    td:nth-child(2n-1){background-color:#e3f2e1;}
</style>
:nth-child(2n-1) 表示匹配td下標為奇數,詳細用法見html&css

2、php程式碼:

<tr>
<?php
$i = 0;
foreach($list_data as $vo ){
    $i++;
?>
   <td><?php echo $vo['res_uid'] ?></td>
   <td><?php echo $vo['res_score'] ?></td>
<?php
    if($i%5==0&&$i<count($list_data)){
        echo '</tr><tr>';
    }
}
?> 
<tr/>

3、顯示效果如下: