foreach迴圈實現一行多條資料並設定樣式
阿新 • • 發佈:2019-01-24
通常使用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&css2、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、顯示效果如下: