2

我正在尝试将名称（#box2）和主题（#box1）放在图像顶部。

<?php require_once('seminar_config.php'); ?>

<a href="print.certificate.php">Print</a>

<body>
<?php
$participants = $db->get_results("SELECT participant FROM tbl_participants WHERE state=1");
$topics = $db->get_results("SELECT topic FROM tbl_topics");
if(!empty($participants)){
?>
<?php ob_start(); ?>
<div id="container">
<img src="certificate.jpg"/>
<?php foreach($topics as $a=>$b){ ?>
<?php foreach($participants as $k=>$v){ ?>
    <img src="certificate.jpg"/>
    <div id="box1" class="common"><?php echo $b->topic; ?></div>
    <div id="box2" class="common"><?php echo $v->participant; ?></div>
<?php } ?>
<?php } ?>  
</div>
<?php $_SESSION['certificates'] = ob_get_contents(); ?>
<?php ob_flush(); ?>    
<?php } ?>
</body>

这是创建 pdf 的脚本：

<?php require_once('html2pdf/html2pdf.class.php'); ?>
<?php
$html2pdf = new HTML2PDF('L', 'A4', 'en');
$html2pdf->writeHTML('<style>

    #box1{  
        margin-top: 350px;
    }

    #box2{  
        margin-top: 200px;
    }

    .common{
        height: 20px;
        left: 630px;
        right: 630px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        font-size:20px;
    }
</style>'.

$_SESSION['certificates']);
$html2pdf->Output('random.pdf');
?>

如果我不使用 html2pdf 生成 pdf 文件，我对名称和主题的中心定位没有问题。但是如果我使用 html2pdf 一切都毁了。使用 html2pdf 时，请帮助我在 css 中居中。

4

5 回答 5

2

大多数常见的 HTML 到 PDF 程序要么不理解 CSS，要么对 CSS 的理解很差。如果您的 HTML 可以正常工作，但不能使用 html2pdf 很好地转换为 PDF，您可以试试 wkhtmltopdf https://github.com/antialize/wkhtmltopdf

于 2012-01-03T13:43:48.443 回答
2

如果您想将 .common 居中，请尝试以下操作：

    .common{
       position: absolute;
       left: 50%;
       top: 0;
       font-size:20px;
       width:600px;
       margin-left:-300px;
    }
于 2012-01-03T13:44:21.503 回答
2

老问题，但我今天遇到了类似的问题。这是我在尝试了 html 和 css 历史上的每一种方法来居中之后解决它的方法。我使用了 JorisW 之类的表格：

<table style='width:100%' align='center'>
    <tr>
        <td>
            <img src="image.gif">
        </td>
    </tr>
</table>
于 2014-07-21T07:37:55.703 回答
1

尝试使用表格和内联 CSS 样式

<table align="left" width="100%" style="page-break-after:always; margin-top:25px; margin-left:25px; font-family:tahoma; font-size:20px; ">
<tr><td>Your info</td></tr>
</table>
于 2012-01-03T14:09:48.237 回答
1

这是我用来将 div 置于中心位置的方法。

假设你想用 id=test 定位 div

CSS

#test {
   width: 500px;
   margin: 0 auto; //auto margin to left and right
}
于 2012-01-03T14:13:27.867 回答