QWeb报告 - 在字段的开头添加空格

时间:2018-02-18 14:17:55

标签: html css odoo odoo-10 qweb

我有以下QWeb PDF报告代码:

<div class="row black">
    <div t-field="o.name" class="label_code" style="padding: 1em; text-overflow: ellipsis;"/>
</div>

o.name字段与容器div的左侧对齐。由于label_code将背景颜色应用于此div,结果是文本在左侧缺少空格。

如何在o.name之前添加空格字符?

以下是问题的图片:

The text inside the div -the black box- is aligned to the left side of the div

这是使用Pranjal在他的回答中提到的div之前的代码的结果:

<div class="row black">
    &#160;<div t-field="o.name" class="label_code" style="padding: 1em; text-overflow: ellipsis;"/>
</div>

Same printing adding the code   mentioned by Pranjal Gami

2 个答案:

答案 0 :(得分:1)

使用父div中的填充

<div class="row black" style="padding-left: 15px;">
    <span t-field="o.name" class="label_code" style="padding: 1em; text-overflow: ellipsis;"/>
</div>

答案 1 :(得分:0)

尝试在字段标记之前添加此代码段。

&#160;
<div t-field="o.name" class="label_code" style="padding: 1em; text-overflow: ellipsis;"/>