Odoo 10 - Qweb 对齐 col-xs-n

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>

是否有任何 class 可以应用于 <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

尝试添加这些类..

有原生 bootstrap 类可用，例如：

class="text-center"

或

class="pagination-centered"</pre>

Odoo 10 - Qweb 对齐 col-xs-n

Odoo 10 - Qweb align col-xs-n

odoo

qweb

odoo-10