下图解释了我要实现的目标。
我需要显示用户的汽车图片,图片下方有姓名。每个图像/名称对都应该在一个 DIV 中,以便当用户添加更多汽车时,他们会移动到下一行或下一页。理想情况下,DIV 应该居中,这更多是为了美观。
使用 DOMPDF ,我正在从 HTML 布局生成 PDF。
不幸的是,DOMPDF 对 float 的支持很差,即使在新的 0.6.2 测试版中也是如此。我想知道我提出的这个布局是否可以在没有 float 的情况下完成。 DOMPDF 也不支持无序列表。
我尝试了一些使用表格的解决方案,但这也不是很好,因为 DOMPDF 不允许单元格溢出到下一页。
我正在使用 PHP 5/codeigniter 和 DOMPDF 0.5.2(稳定版)。
非常感谢任何有关如何获得此布局的建议!
代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
img {width: 150px; height: 150px;}
h1 {font-size: 3em; text-align: center;}
h2 {text-transform: uppercase; width: 150px; text-align: center;}
div {margin: 10px; width: 150px;}
</style>
</head>
<h1>My Cars</h1>
<?php foreach ($cars as $row): ?>
<div>
<img src="<?php echo $row->cars_picture; ?>" />
<h2><?php echo $row->cars_name; ?></h2>
</div>
<?php endforeach; ?>
</html>
最佳答案
感谢@rkw 和@manyxcxi 的帮助。 最后,没有黑客的唯一方法是使用 mpdf 而不是 DOMPDF。
我的印象是 mpdf 是一个更好的库,有更好的文档。它对 float
有部分支持,但它工作得非常好并且完全我上面需要的。
关于php - 如何通过 HTML/CSS 布局这些元素来避免 DOMPDF 缺少 float ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6756765/