Question

我在Odoo 10 QWeb PDF报告的<div class="col-xs-n">元素中有条形码：

<div class="col-xs-3">
    <img t-att-src="'/report/barcode/?type=%s&amp;value=%s&amp;width=%s&amp;height=%s' % ('Code128', o.name, 600, 100)" style="width:300px;height:50px;"/>
</div>

是否可以将任何类应用于<div>元素以使条形码水平居中？

Answer 1

使用如下所示的bootstrap class text-center 。

<div class="col-xs-3 text-center">
    <img t-att-src="'/report/barcode/?type=%s&amp;value=%s&amp;width=%s&amp;height=%s' % ('Code128', o.name, 600, 100)" style="width:300px;height:50px;"/>
</div>

我希望这会对你有所帮助。

Answer 2

尝试添加这些类..

有一些本机引导类可用，如：

class="text-center"

或

class="pagination-centered"

Odoo 10 - Qweb对齐col-xs-n

2 个答案: