下载的 PDF 宽度问题

Question

我正在使用下面显示的一段代码，通过 iTextSharp 库将我的网页导出为 pdf。网页分为两列，一列宽度为 90%，另一列宽度为 10%。但是，当下载为 PDF 时，两列分配相同的宽度。在下载的 PDF 中，每列占 50% 的宽度。

Response.ContentType = "application/pdf";
Response.AddHeader("content-disposition", "attachment;filename=ResumeTemplate.pdf");
Response.Cache.SetCacheability(HttpCacheability.NoCache);
StringWriter sw = new StringWriter();
HtmlTextWriter hw = new HtmlTextWriter(sw);
wrapper.RenderControl(hw);

Document pdfDoc = new Document(PageSize.A4, 10f, 10f, 100f, 0f);

PdfWriter.GetInstance(pdfDoc, Response.OutputStream);
pdfDoc.Open();
StringReader sr = new StringReader(sw.ToString());

HTMLWorker htmlparser = new HTMLWorker(pdfDoc);

htmlparser.Parse(sr);
pdfDoc.Close();
Response.Write(pdfDoc);
Response.End();

下面是我的 HTML 代码：

<table border="0" width="100%" id="maintable" runat="server" >
    <tr>
        <td>
            <div id="content_left" runat="server"  style="margin-right:10px; float:left;vertical-align:top;width:90%" >
                </td>
                <td>
                    <div id="content_right" runat="server" style="vertical-align:top;width:10%">
                    </div>
                    </div>
                </td>
            </tr>
        </table>

div content_left 和 content_right 在页面中以指定的宽度精确显示。当它以 Word 格式下载时，它会在网页中以精确的 css 显示。但是，当下载为 PDF 格式时，content_left 和 content_right 的宽度与页面大小相等（分配给 content_left 和 content_right 的宽度为 50%）。

Answer 1

在您的代码中，div 分别是其父元素大小 (td) 的 90% 和 10%。由于表格最初设计用于显示表格而不是定义布局，因此单元格大小平衡。 td 不是 50% - 50% 或 90% - 10%。但根据内容调整大小。

在下面的 sn-p 中，我定义了 td 的大小。前后见小提琴：http://jsfiddle.net/allcaps/tEGB8/1/

<table border="1" width="100%">
    <tr>
        <td width="90%">
            <div id="content_left" style="background-color:red;">Foo</div>
        </td>
        <td width="10%">
            <div id="content_right" style="background-color:blue;">Foo</div>
        </td>
    </tr>
</table>

更新

iTextSharp 忽略表格列/单元格的宽度属性。您必须设置此线程中建议的尺寸： How to set the cell width in itextsharp pdf creation

Dim intTblWidth() As Integer = {12, 10, 26, 10}