0

在此处输入图像描述

我已经使用 pd4ml jar 从 html 生成了一个 pdf。显示的图像是生成的 pdf，其中 td 中的文本相互重叠。代码如下


    <table>
        <tr>
           <td class="reportHeading" align="middle"><b>$title</b></td>
           <td class="reportLogo"><img height="${logoHeight}" src='$logo'></img></td>
        </tr>
    </table>

而CSS是

    .reportHeading {
        font-size: 15pt;
        text-align:left;
        height:auto;
        vertical-align: middle;
    }
    .reportLogo {
        text-align:right;
        padding-right:2px; 
        padding-left:2px; 
        padding-top:2px;
        padding-bottom:2px;
    }

我不想添加溢出：隐藏，因为它会隐藏文本。我想将文字与徽标一起完全显示。

4

5 回答 5

2

让它变得甜蜜而简单。只需在CSS下方添加即可。谢谢

.reportHeading b {
   line-height: 15px;
}
于 2019-12-06T05:43:26.787 回答
0

尝试在 td 内使用两个 div 每个 div 在行块中尝试为文本内容 div 元素添加填充零

尝试并像上面一样发布结果图像如果您可以发布一个简单的工作代码，这将有所帮助

请参阅inline-block 示例

于 2019-12-06T06:09:45.507 回答
0

您可以style="overflow-x:auto; overflow-y:auto;"在 div 中使用此代码

<div style="overflow-x:auto; overflow-y:auto;">
  <table>
    <tr>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Points</th>
      <th>Points</th>
    </tr>
    <tr>
      <td>Jill</td>
      <td>Smith</td>
      <td>50</td>
      <td>50</td>
    </tr>
    <tr>
      <td>Eve <br> Eve
      </td>
      <td>Jackson</td>
      <td>94</td>
      <td>94</td>
    </tr>
    <tr>
      <td>Adam</td>
      <td>Johnsonkkkkkkkkkkkkkkkkk</td>
      <td>67</td>
      <td>67</td>
    </tr>
  </table>
</div>

于 2019-12-06T05:42:44.370 回答
0

你可以拥有"overflow-x : scroll". 但是如果内容溢出，你会得到一个水平滚动条

于 2019-12-06T05:39:12.067 回答
0

将行高应用于您的类“reportHeading”文本。

.reportHeading{
line-height: 25px;
}
于 2019-12-06T13:02:21.287 回答