在进入下一页之前,从phpmyadmin数据库中获取的记录如何落在一页的四列中

在进入下一页之前,从phpmyadmin数据库中获取的记录如何落在一页的四列中,php,html,Php,Html,我试图创建一个表,将db表中的记录提取到包含四列的html页面中。我能做到这一点。然而,我现在面临的挑战是,获取的记录分成不同的页面,而不覆盖四列。我的问题是,在进入下一页(如图所示)之前,记录如何落在这四列中 **这是我的代码** **CSS** 最快安全的充值卡 .报纸{ -webkit列数:4;/*Chrome、Safari、Opera*/ -moz列计数:4;/*Firefox*/ 列数:4; -webkit列间距:10px;/*Chrome、Safari、Opera*/ -moz列间距

我试图创建一个表,将db表中的记录提取到包含四列的html页面中。我能做到这一点。然而,我现在面临的挑战是,获取的记录分成不同的页面,而不覆盖四列。我的问题是,在进入下一页(如图所示)之前,记录如何落在这四列中

**这是我的代码**
**CSS**
最快安全的充值卡
.报纸{
-webkit列数:4;/*Chrome、Safari、Opera*/
-moz列计数:4;/*Firefox*/
列数:4;
-webkit列间距:10px;/*Chrome、Safari、Opera*/
-moz列间距:10px;/*Firefox*/
柱间距:10px;
}
身体{
背景:rgb(204204);
}
页面{
背景:白色;
显示:块;
保证金:0自动;
边缘底部:0.5cm;
盒影:0.5cm rgba(0,0,0,0.5);
}
第[size=“A4”]页{
宽度:21cm;
身高:2.8厘米;
}
@媒体印刷品{
正文,第页{
保证金:0;
盒影:0;
}
}
@媒体所有{
.page break{显示:块;前分页符:自动;}
}
@媒体印刷品{
.page break{显示:块;前分页符:自动;}
}
p{
边距:0.5cm 0.5cm 0.5cm 0.5cm;
}
.报纸{
-webkit列数:4;/*Chrome、Safari、Opera*/
-moz列计数:4;/*Firefox*/
列数:4;
-webkit列间距:10px;/*Chrome、Safari、Opera*/
-moz列间距:5px;/*Firefox*/
柱间距:2px;
}
p{
边距:0.1厘米0.1厘米0.5厘米0.3厘米;
}
在这里输入代码
在这里输入代码
HTML




参考:-
序列号:
引脚:--
日期:


我在7或8年前就见过这种类型的编码。好的,没有你问题中提到的图片。你想在
php
上实现分页,这很简单,下面是一个分步指南。为了记录在案,
mysql\uuu
扩展已被弃用……请尝试使用
mysqli
PDO
,同时还要注意
sql注入
**here is my codes**

  **CSS**


    <head>
       <title>Fastest & Secured Recharge Card</title>

       <style>
    .newspaper {
        -webkit-column-count: 4; /* Chrome, Safari, Opera */
        -moz-column-count: 4; /* Firefox */
        column-count: 4;
        -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
        -moz-column-gap: 10px; /* Firefox */
        column-gap: 10px;
    }


    body {
      background: rgb(204,204,204); 
    }
    page {
      background: white;
      display: block;
      margin: 0 auto;
      margin-bottom: 0.5cm;
      box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);

    }
    page[size="A4"] {  
      width: 21cm;
      height: 2.8cm; 
    }


    @media print {
      body, page {
        margin: 0;
        box-shadow: 0;
      }
    }


    @media all {
        .page-break {  display: block; page-break-before: auto;}
    }

    @media print {
        .page-break { display: block; page-break-before: auto; }
    }

    p {
        margin: 0.5cm 0.5cm 0.5cm 0.5cm;
    }



    .newspaper {
        -webkit-column-count: 4; /* Chrome, Safari, Opera */
        -moz-column-count: 4; /* Firefox */
        column-count: 4;
        -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
        -moz-column-gap: 5px; /* Firefox */
        column-gap: 2px;
    }


    p {
        margin: 0.1cm 0.1cm 0.5cm 0.3cm;
    }


    </style>
    enter code here
    enter code here

   </head>
   <?php while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) { ?>
<page size="A4">




<div class="newspaper"><p>


    <TABLE cellpadding="0" style="font-family: Times New Roman" border="0"> 

            <tr>


         <td align="left" style="font-size:12px"><strong>



         <?php echo $line['agent'];?> &nbsp;&nbsp; &#8358;<?php echo $line['denom'];?> </strong></td></tr>
         <tr><td style="font-size:12px" ><i>Ref: &nbsp;<?php echo $line['agent'];?>-<?php echo $line['refno'];?></i><img align="left" src="images/airtel.png" alt="" style="width:35px;height:23px;"></td>
          </tr>
            <tr>

            <td style="font-size:12px">S/NO.:&nbsp;<?php echo $line['sn'];?></td>

            </tr>
            <td style="font-size:13px"><strong>PIN:&nbsp;<?php echo $line['povo'];?>&nbsp;-<?php echo $line['pive'];?>&nbsp;-<?php echo $line['perha'];?>&nbsp;-<?php echo $line['pene'];?></strong></td>
            </tr> 

            <tr><td style="font-size:12px"><i>Date: <?php echo $line['dt'];?> </i></td></tr>


    </TABLE></p>
</div><page></body>