0

我正在尝试将下一个示例代码的列的内容垂直和水平对齐到中心：

<div class="row">
   <div class="col-4 text-center">
      <img t-if="o.company_id.logo" t-att-src="image_data_uri(o.company_id.logo)" style="max-height: 60px;" alt="Logo"/>
      <div>A String</div>
   </div>
   <div class="col-4" text-center>
      <div>Another String</div>
   </div>
   <div class="col-4">
      <div class="panel-body" style="border: 1px solid black">
          <div>Panel title <t t-esc="o.company_id.field_1"/></div>
          <div>Factura N°: <t t-esc="o.field_2"/></div>
          <div>ORIGINAL</div>
       </div>
   </div>
</div>

到目前为止，我已经尝试过这些类：“row align-items-center”、“col align-self-center”、“align-middle”和样式“text-align:center;” 这些都没有奏效。“文本中心”类确实水平对齐，但我怎样才能实现垂直和水平对齐？可能吗？

4

0 回答 0