文章/答案/技术大牛

发布

社区首页 >问答首页 >比萨html2pdf转换表不将高度应用于td

问比萨html2pdf转换表不将高度应用于td
EN

Stack Overflow用户

提问于 2012-11-06 11:10:03

回答 2查看 5K关注 0票数 3

我使用比萨xhtml2pdf将html代码转换为pdf。

我有麻烦了！比萨并没有在我的桌子上应用一些样式，比如、身高、和。

<table style='overflow: hidden;' border='1' cellpadding='0' cellspacing='0' 
width="300px">
<tr style="background-color : yellow; height:100px;">
<td style="color: red; height:100px; vertical-align: middle;">
A lot of  data
</td></tr></table>

但是在将这个html转换成pdf后，表格tds的高度和垂直对齐不正确！请帮帮我。

html-table

html2pdf

pisa

回答 2

Stack Overflow用户

发布于 2013-03-07 15:12:11

您还需要为表指定一个高度(height:100px;)示例：

<table style='overflow: hidden; height:100px;' border='1' cellpadding='0' cellspacing='0' width="300px">
    <tr style="background-color : yellow;height:100px;">
        <td style="color: red; height:100px; vertical-align: middle;">
            <!-- A lot of  data -->
        </td>
    </tr>
</table>

票数 1

Stack Overflow用户

发布于 2018-04-30 07:20:25

我用这个黑客设法得到了细胞的高度：

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
    <td width="100%" style="border: 1px solid #000"><!-- content goes here --></td>
    <td width="0"><br><br><br><br><br></td><!-- special cell to keep the height of the table -->
</tr>
</table>

第二个单元格是完全不可见的，上面的代码绘制一个宽度为100%的框，高度由第二个单元格中的s数或第一个单元格中的文本数量(以较长的值为准)定义。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13249738

复制

相似问题

问比萨html2pdf转换表不将高度应用于td
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问比萨html2pdf转换表不将高度应用于tdEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问比萨html2pdf转换表不将高度应用于td
EN