QWeb报表打印时如何增加日期字段（日-月-年）间间距？

我来给你几个实用的解决方案，帮你搞定QWeb报表里日期（日-月-年）之间的间距问题：

方法1：用CSS letter-spacing快速增加整体间距 #

这是最简单的方式，直接给日期所在的span元素添加letter-spacing样式，就能均匀增加日期各字符之间的间距：

<span t-field="o.con_date" t-field-options='{"format": "dd MM yyyy"}' style="letter-spacing: 3px;"></span>

你可以根据需要调整3px这个数值，数值越大间距越宽。如果你的代码里需要转义引号，也可以写成：

<span t-field="o.con_date" t-field-options={&quot;format&quot;: &quot;dd MM yyyy&quot;} style="letter-spacing: 3px;"></span>

方法2：拆分日期组件精确控制间距 #

如果想要更灵活地控制日、月、年之间的间距（比如让日和月之间的间距比月和年的宽），可以把日期拆成三个独立部分分别渲染，再用margin或padding设置间距：

<!-- 日部分，右侧留8px间距 -->
<span style="margin-right: 8px;">
    <t t-esc="o.con_date.strftime('%d')"/>
</span>
<!-- 月部分，右侧留8px间距 -->
<span style="margin-right: 8px;">
    <t t-esc="o.con_date.strftime('%m')"/>
</span>
<!-- 年部分 -->
<span>
    <t t-esc="o.con_date.strftime('%Y')"/>
</span>

这种方式的好处是可以给每个部分单独设置样式，比如加粗某个部分，或者调整不同的间距值。

方法3：用非断空格替代普通空格 #

你也可以在日期格式化字符串里使用非断空格（ ）来增加间距，这种方式适合需要少量额外空格的场景：

<span t-field="o.con_date" t-field-options={&quot;format&quot;: &quot;dd&amp;nbsp;&amp;nbsp;MM&amp;nbsp;&amp;nbsp;yyyy&quot;}></span>

这里用了两个 （转义后的非断空格）来替代普通空格，渲染后会比默认空格更宽，而且不会因为换行被拆分。

内容的提问来源于stack exchange，提问作者vbt