Odoo 10 - Qweb 对齐 col-xs-n答案

【问题标题】：Odoo 10 - Qweb align col-xs-nOdoo 10 - Qweb 对齐 col-xs-n
【发布时间】：2018-02-15 04:36:41
【问题描述】：

我在 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> 元素以使条形码水平居中？

【问题讨论】：

@Naglis 如何突出显示代码。我不忘记强调，我只是不知道该怎么做。
嘿@M.E.，没问题，见Syntax highlighting for code。
你可以用那个div添加css样式
@burmese-pythis 也可以随意推荐 CSS 代码。

标签： odoo odoo-10 qweb

【解决方案1】：

使用引导类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>

希望对你有帮助。

【讨论】：

【解决方案2】：

尝试添加这些类..

有可用的原生引导类，例如：

class="text-center"

或

class="pagination-centered"

【讨论】：