1

我在下面view使用MvcRazorToPdf库生成 PDF 发票

<table border="0">
    <tr>
        <td>
            <h1>Company Name </h1>
        </td>
        <td>
            <div style="text-align:right;margin-right:0px;">
                Invoice
            </div>
        </td>
    </tr>
</table>
<hr/>
<div>
    @Model.InvoiceNum
</div>

上面的代码在下面view生成pdf

发票 PDF

div但是，无论我在上面td设置多少样式invoice，我都无法将Invoice文本移动到pdf. 我试过添加bootstrap.css也不起作用的链接。有人对此有任何解决方案吗？有没有人pdf用图书馆设计样式MvcRazorToPdf？

4

1 回答 1

1

您的文本对齐方式受到尊重，只是默认情况下，您的表格及其单元格将被折叠以适应内容（通过使用浏览器工具检查元素很容易检查）。

给你的表格（或其单元格一个宽度），例如

<table style="width:100%;">

但是，使用<table>元素并不是一个好的做法（请参阅为什么不在 HTML 中使用表格进行布局？和为什么表格比语义 HTML + CSS 不好（对于布局*）。）。相反，您可以使用浮点数或相对/绝对定位，例如

<div style="position:relative;">
    <h1>Company Name</h1>
    <span style="position:absolute;right:0;bottom:0">Invoice</span>
</div>

或者

<div>
    <h1 style="display:inline-block">Company Name</h1>
    <div style="float:right;margin-top:40px;">Invoice</div>
</div>
于 2016-07-06T11:38:13.063 回答