來自PHP的輸出=正常，來自DOMPDF的輸出=錯誤。（顯示）

Question

此輸出在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>

如您所見，我需要創建索引頁面，然后需要這個“ doits”，可以從以下代碼獲取此代碼：

CSS對齊文本，用點填充空間

但是當我使用DOMPDF導出到PDF時，顯示效果變差了。。。

感謝您的幫助，我可以使用對頁面數的點數來創建頁面“索引”嗎？謝謝！

Answer 1

問候朋友。

使用此代碼，我可以使用以下方法“創建”我的“頁面索引”：

XHTML
DOMPDF
帶有“ doits”的索引信息以顯示頁碼

問題是，當您從css [TAG：after {content：“ ...您的字符串在這里...”;}]中使用DOMPDF時，它會永遠放一個換行符，然后在文檔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>';
?>

Answer 2

不幸的是，Dompdf（當前版本為v0.8.0）無法處理該特定樣式。 主要問題是Dompdf在該行的末尾沒有正確地重排浮動。 但是，即使您使用#indice dd + dt { clear: both; } #indice dd + dt { clear: both; } Dompdf無法正確清除浮點數，而是繼續將浮點數和其他浮點數寫入同一行。

來自PHP的輸出=正常，來自DOMPDF的輸出=錯誤。（顯示）

問題描述

2 個解決方案

解決方案1
0 2017-07-12 19:28:46

解決方案2
0 2017-08-15 23:05:36

來自PHP的輸出=正常，來自DOMPDF的輸出=錯誤。 （顯示）

問題描述

2 個解決方案

解決方案1 0 2017-07-12 19:28:46

解決方案2 0 2017-08-15 23:05:36

來自PHP的輸出=正常，來自DOMPDF的輸出=錯誤。（顯示）

解決方案1
0 2017-07-12 19:28:46

解決方案2
0 2017-08-15 23:05:36