中心对齐表格-wkhtmlpdf

中心对齐表格-wkhtmlpdf,html,css,wkhtmltopdf,Html,Css,Wkhtmltopdf,正在尝试使用wkhtmltopdf将HTML转换为PDF 我希望生成的PDF中的表格位于中心,但在HTML中表示的表格在创建的PDF中总是左对齐 出了什么问题 PS:我对前端完全是新手。我想我在造型上犯了一些小错误 <div class="divGeneral" id="sumDiv"> <table id="infoTable"> <tr> <th>P

正在尝试使用wkhtmltopdf将HTML转换为PDF

我希望生成的PDF中的表格位于中心,但在HTML中表示的表格在创建的PDF中总是左对齐

出了什么问题

PS:我对前端完全是新手。我想我在造型上犯了一些小错误

<div class="divGeneral" id="sumDiv">
            <table id="infoTable">
                <tr>
                    <th>Pr Name:&nbsp</th>
                    <td><textarea id="pName" class="noBorderInput" rows="1"></textarea></td>
                </tr>
                <tr>
                    <th>Su Date:&nbsp</th>
                    <td><textarea id="suDate" class="noBorderInput" rows="1"></textarea></td>
                </tr> 
            </table>
        </div>

如果我正确理解你的问题,你可以添加

#infoTable{
    margin: 0 auto;
}
这只需将
.divGeneral
中的表格居中对齐,即
宽度:100%

我还删除了一些在当前任务中没有效果的css代码

请运行下面的代码,看看这是否是您想要的。
.divGeneral{
宽度:100%;
对象匹配:覆盖;
}
#萨姆迪夫{
文本对齐:左对齐;
保证金:0自动;
}
#信息表{
保证金:0自动;
}
#信息表th{
垂直对齐:顶部;
填充:4px2px0px2px;
文本对齐:右对齐;
}
#信息表td{
边框:1px纯黑;
填充:3px 3px 2px 3px;
文本对齐:左对齐;
垂直对齐:顶部;
}
文本区域。多行{
边缘顶部:2倍;
}

Pr名称: 
Su日期:

使用flexbox方法。我希望这对您有用

.divGeneral {
    display:flex;
    justify-content:center;
    align-items:center;
}

这并没有达到我的目的,因为我认为问题在于wkhtml库和表对齐。但我认为你的方法大体上是正确的,谢谢!
.divGeneral {
    display:flex;
    justify-content:center;
    align-items:center;
}