在进入下一页之前,从phpmyadmin数据库中获取的记录如何落在一页的四列中
我试图创建一个表,将db表中的记录提取到包含四列的html页面中。我能做到这一点。然而,我现在面临的挑战是,获取的记录分成不同的页面,而不覆盖四列。我的问题是,在进入下一页(如图所示)之前,记录如何落在这四列中在进入下一页之前,从phpmyadmin数据库中获取的记录如何落在一页的四列中,php,html,Php,Html,我试图创建一个表,将db表中的记录提取到包含四列的html页面中。我能做到这一点。然而,我现在面临的挑战是,获取的记录分成不同的页面,而不覆盖四列。我的问题是,在进入下一页(如图所示)之前,记录如何落在这四列中 **这是我的代码** **CSS** 最快安全的充值卡 .报纸{ -webkit列数:4;/*Chrome、Safari、Opera*/ -moz列计数:4;/*Firefox*/ 列数:4; -webkit列间距:10px;/*Chrome、Safari、Opera*/ -moz列间距
**这是我的代码**
**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'];?> ₦<?php echo $line['denom'];?> </strong></td></tr>
<tr><td style="font-size:12px" ><i>Ref: <?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.: <?php echo $line['sn'];?></td>
</tr>
<td style="font-size:13px"><strong>PIN: <?php echo $line['povo'];?> -<?php echo $line['pive'];?> -<?php echo $line['perha'];?> -<?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>