PHP = ok的输出,来自DOMPDF =错误。 (显示)

时间:2017-07-12 12:18:36

标签: php indexing dompdf

此输出在HTML / PHP中正常运行:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<title>(PAbi)</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<link rel="icon" href="https://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="https://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico" type="image/x-icon" />
<style type="text/css">html,body{margin:0;padding:0;background:#000;color:#fff;font-family:helvetica;}
.pie{position:fixed;width:100%;bottom:0;color:#000;background:#fff9f2;font-size:6.5pt;text-align:center;border-top:1px dashed #aa0000;}
#indice{width:430px;margin:auto;}
#indice dt{float:left;width:300px;overflow:hidden;white-space:nowrap;}
#indice dd{margin:0;float:left;width:100px;overflow:hidden;}
#indice dt span:after{content:".....................................................";}
</style></head>
<body><div id="cosmos"><br />
<h1 class="marin">index</h1>
<ul id="indice">
<dt><span>Índice</span></dt><dd>2</dd>
<dt><span>intro</span></dt><dd>3</dd>
<dt><span>functions</span></dt><dd>4</dd>
</ul></div>
<div class="pie">Aliens is here</div>
</body></html>

就像你看到的那样,我需要创建索引页面,然后我需要这个&#34; doits&#34;,我从下面得到这个代码:

CSS Justify text, fill space with dots

但是当我用DOMPDF导出为PDF时,显示效果不好......

感谢任何帮助,我可以创建页面&#34; index&#34;使用doits到页数?,谢谢!

2 个答案:

答案 0 :(得分:0)

关心朋友。

使用此代码我可以&#34;创建&#34;我的&#34;页面索引&#34;使用:

  • XHTML
  • DOMPDF
  • 索引信息与&#34; doits&#34;显示页码

问题是你从css使用[标签:在{内容:&#34; ...你的字符串在这里...&#34 ;;}] DOMPDF永远放置换行符,然后显示&#34;页面索引&#34;文档PDF中有错误。

也许任何人都想使用这个选项......

<?php
// I put excesive doits only by do test xD
    $puntos = str_repeat('.', 999);

    echo '<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head><title>(PAbi)</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<link rel="icon" href="https://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="https://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico" type="image/x-icon" />
<style type="text/css">
table{width:650px;border-spacing:0.5em;}
#indice1 td{overflow:hidden;max-width:400px;border-radius:2em;padding:0.3em;}
#indice1 span:after{content:"'.$puntos.'";}
.numpa{text-align:center;width:20px;background:#d3dbfa;border:1px solid #000;}
.info{width:205px;background:#d1f6a5;border:1px solid #000;}
</style></head><body>
<table id="indice1"><tr>
<td class="info">ÍNDICE</td>
<td class="puntos"><span></span></td>
<td class="numpa">2</td></tr><tr>
<td class="info">Introducción</td>
<td class="puntos"><span></span></td>
<td class="numpa">3</td></tr><tr>
<td class="info">Características del servicio</td>
<td class="puntos"><span></span></td>
<td class="numpa">4</td>
</tr></table></body></html>';
?>

答案 1 :(得分:0)

不幸的是,Dompdf(当前版本为v0.8.0)无法处理该特定样式。主要问题是Dompdf在生产线末端没有正确回流浮子。但是,即使你使用类似<div id="template-precio" type="text/x-handlebars-template" style="display:none"> {{#if potentialSavedPrice}} <span class="saving">Ahorra <b>${{potentialSavedPrice}}</b></span> <span class="list">Precio lista: <i>${{price}}</i></span> <span class="lable">Precio web:</span> {{#if eCoupon}} <span class="price">${{potentialCouponPrice}}</span> <span class="coupon">Usa el cupón <b>{{eCoupon}}</b></span> {{else}} <span class="price">${{potentialDiscountedPrice}}</span> {{/if}} {{else}} <span class="lable">Precio web:</span> <span class="price">${{price}}</span> {{/if}} 之类的东西强制它,Dompdf也没有适当地清除浮动并继续写入浮动附加浮动到同一行。