1

我正在使用下面显示的一段代码，使用 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>

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

4

1 回答 1

2

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

在下面的片段中，我定义了 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 忽略表格列/单元格的宽度属性。您必须设置此线程中建议的大小： 如何在 itextsharp pdf 创建中设置单元格宽度

Dim intTblWidth() As Integer = {12, 10, 26, 10}
于 2013-10-03T15:13:32.330 回答