iT邦幫忙

0

PHP 表格陣列換列

  • 分享至 

  • xImage
<style type="text/css">
.left {height: 220px;width: 330px;border: 1px dashed #CCC;padding: 15px;}
.ooo {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border: 3px solid #C33;}
.info {font-family: "微軟正黑體";font-size: 16px;line-height: 30px;color: #000;padding-left: 35px;}
</style>
<?php
$query_Recdel = "SQL語法(略)";
$Recdel = mysql_query($query_Recdel);
$row_Recdel = mysql_fetch_assoc($Recdel);
?>
<table width="720" border="0" align="center">
   <?php do { ?>  
  <tr>
    <td width="10"> </td>  
    <td class="left">
		<div style="-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;border: 5px solid <?PHP echo ($row_Recdel['title'] != '教師' ? '#C33' : "#063");?>;width: 300px; height: 200px;">
    	<!--  
        border: 1px solid #000;
        style="background-repeat: no-repeat; background-image: url(bg.jpg);" -->
    	<table width="300" height="200" border="0" cellpadding="0" cellspacing="0">
  			<tr>
    		<td colspan="2" align="center" valign="middle"><img src="images/GDS.jpg" width="180" height="42" /></td>
  			</tr>
  			<tr>
    		<td width="130" height="128" align="center" valign="middle" style="padding-left: 25px;"><img src="images/01.gif" alt="123" title="123" width="120" height="120" /></td>
    		<td width="170" height="128" nowrap="nowrap" class="info">
            科系 : <?php echo $row_Recdel['dept_id_1']  ?><br/>
			組別 : <?php echo $row_Recdel['dept_id_2']  ?><br/>
			職稱 : <?php echo $row_Recdel['title']  ?><br/>
			姓名 : <?php echo $row_Recdel['employee_cname']  ?><br/>
            </td>
  			</tr>
  			<tr>
    		<td height="30" colspan="2" align="center"><?php echo GetimageStr($row_Recdel['employee_id']); ?> </td>  
  			</tr>             
		</table>
		</div>
    </td>
    <td width="10"> </td>       
  </tr>
   <?php } while ($row_Recdel = mysql_fetch_assoc($Recdel)); ?> 
</table>

一、想呈現如下圖,一列2欄的順序

二、希望再列印A4時,每張8個元素

PS.研究好幾天了,還沒研究出較好的方法...

用表格當然做不出來啊

要用 DIV + CSS
簡單說
頁面 DIV
欄位 DIV 欄位 DIV

CSS
頁面 W=21cm min-HEIGHT=29.7cm CLEAR=BOTH
欄位 W=50% HEIGHT=25%

記得這一段要寫兩種,上面這些是給 @print 的
如果是螢幕顯示
可以這麼下
頁面 W=100% min-HEIGHT=400px CLEAR=BOTH
記得 DIV 的高度一定要給,不然會怪怪的喔
至於其他可用的美化語法自己去查喔

不要在用表格了啦,那個真的很不好控制的
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
wiseguy
iT邦超人 1 級 ‧ 2015-08-30 17:52:33
最佳解答

你現在的程式已經可以列出單欄了,改成雙欄不難吧? mod 2 知道嗎?

  1. 在 12 行 do 之前,放一個記數器,比如 $count = 1;
  2. 在 41 行 whilt 之前,把 $count 遞增:$count++;
  3. 第 13, 40 行的 <tr> </tr>,改為當 $count mod 2 = 0 時,再輸出。
  4. 14, 39 行,這個是間隔用的吧?可以去掉。
    同理,要三欄就改為 mod 3、四欄就改為 mod 4、依此類推。
    至於列印,建議你輸出網頁後,去調 CSS 限定每個元素高度,達到你要的每頁 8 個。

我要發表回答

立即登入回答