mPDF：文本与表格中的 p 、 h1 - h6 对齐不起作用

Posted 2023-05-07

【中文标题】mPDF：文本与表格中的 p 、 h1 - h6 对齐不起作用

【英文标题】：mPDF : text align with p , h1 - h6 in table not work

【发布时间】：2015-08-23 07:50:26

【问题描述】：

此代码不适用于 mPDF php 类的表

    <table>
    <tr>
      <td class="contentDetails">
  <td class="contentDetails">
         <h3 style="text-align: right;"><strong>text align right</strong></h3>
         <h3 style="text-align: center;"><strong>text align center</strong></h3>
         <h3 style="text-align: left;"><strong>text align left</strong></h3>
     </td>
    </tr>
    </table>

我三合会用

.contentDetails > h3 display: block; 

但不起作用，在 td 之间它是来自 Editor tinymce 的 html

来自脚本的完整代码 以及何时输出找到的内容 td 文本左对齐而不是右对齐或居中

<?php

$html = '
<h1>mPDF</h1>
    <table style="border-collapse: collapse;
    font-size: 12px;
    font-weight: 700;
    margin-top: 5px; 
    border-top: 1px solid #777;
    width: 100%;">
<tbody>
<tr>
  <td class="contentDetails">
         <h3 style="text-align: right;"><strong>text align right</strong></h3>
         <h3 style="text-align: center;"><strong>text align center</strong></h3>
         <h3 style="text-align: left;"><strong>text align left</strong></h3>
     </td>
</tr>
</tbody>
</table>';

include("mpdf.php");

$mpdf=new mPDF('c'); 
$mpdf->WriteHTML($html);

$mpdf->Output();

exit;
?>

【问题讨论】：

您的问题是什么？ ***.com/help/how-to-ask

文本对齐：在 h3 中不起作用？

文本与 p 对齐，表格中的 h1 - h6 不起作用

请发布您的问题的演示。

更新更多细节

【参考方案1】：

试试下面的代码。我想它会对你有所帮助。

<table >
  <tr>
    <td class="contentDetails">
     <th align="left"> <h3><strong>text align right</strong></h3></th>
     <th align="center"> <h3><strong>text align center</strong></h3></th>
     <th align="right"> <h3><strong>text align left</strong></h3></th>
    </td>
  </tr>
</table>

在此使用额外的标签。

【讨论】：

最好的答案是在 td ContentDetails 的新表中使用它，看看这个最终代码<td style="padding: 2px;color: #000;border: 1px solid #777;width: 100%;" class="contentDetails"> <div style> <table style="width: 600px;text-align: left;"><tr><th style="width: 200px;text-align: right;">33333333333333</th></tr></table> </td>

【参考方案2】：

我已经准备了很多小时的内容来打印（mPdf v.6）。现在我可以给大家一个建议。不要使用表格来对齐内容或简单地保留内容。几乎所有元素的 css 属性都可以正常工作。但是 - 但不能嵌套在表中。

【讨论】：

你是对的。 - “但是 - 但不能嵌套在表格中。”

【参考方案3】：

问题在于与内容相匹配的容器宽度。将table宽度设置为100%

table 
  width: 100%;

<table>
  <tr>
    <td class="contentDetails">
      <h3 style="text-align: right;"><strong>text align right</strong></h3>
      <h3 style="text-align: center;"><strong>text align center</strong></h3>
      <h3 style="text-align: left;"><strong>text align left</strong></h3>
    </td>
  </tr>
</table>

【讨论】：

不工作但我认为必须使用 tcpdf 它比 mpdf 更好

与 CSS 对齐与 mpdf 或 tcpdf 无关 :)