odoo開發:列印PDF報告表格內元素垂直居中解決方案
阿新 • • 發佈:2020-12-24
技術標籤:odoo
表格結構程式碼
<table border="1">
<thead>
<tr class="gds-repair-table-header">
<th>
<span>操作型別</span>
</th>
<th>
<span>條碼</span>
</ th>
<th>
<span>產品說明</span>
</th>
<th>
<span>領料來源</span>
</th>
</tr>
</thead>
</table>
CSS樣式
.gds-repair-table-header {
border: 1px solid #000;
}
.gds-repair-table-header th {
border-left: 1px solid #000;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.gds-repair-table-header th span{
display:inline-block
}
實現效果