如何将内联样式的表格行居中？

Question

我这里有一个表格行，需要为我必须修复的模板居中（表格行元素嵌入到另一个表格中）。

对我来说，问题是我必须通过内联样式来完成此操作，因为否则代码会被我们糟糕的后端“EmailBuilder”弄乱。

现在我已经尝试过

style="margin-left: auto; margin-right: auto;"

，但它绝对没有任何作用，我只想让整个行元素轻拍在屏幕中间。

谁能帮我解决这个问题吗？

<tr>
  <td class="ns l-gray plr-5 pb-30" style="padding:0px 0 20px 8px; border-bottom:2px solid #e5e5e5;">
    <table style="margin-left: auto; margin-right: auto;" cellpadding="0" cellspacing="10" width="100%">
      <tbody>
        <tr>
          <th align="left" class="flex" style="font:400 12px/22px Arial, Helvetica, sans-serif, Ubuntu; color:#b7b7b7; vertical-align:bottom;" width="170">Test Street 5<br /> 81667 Test<br /> Test
          </th>
          <th class="flex" height="10" width="5">&nbsp;</th>
          <th align="left" class="flex" style="font:400 12px/22px Arial, Helvetica, sans-serif, Ubuntu; color:#b7b7b7; vertical-align:bottom;" width="200">Tel: <a href="tel:[phone]" style="color:#b7b7b7; text-decoration:none;">1234567890
                            22</a><br /> Fax: [phone]<br /> E-Mail: <a href="mailto:[email protected]" style="color:#b7b7b7; text-decoration:none;">[email protected]</a>
          </th>
          <th class="flex" height="10" width="40">&nbsp;</th>
          <th align="left" class="flex" style="font:400 12px/22px Arial, Helvetica, sans-serif, Ubuntu; color:#b7b7b7; vertical-align:bottom;">
            Test Location: Test<br /> CEO: Test Test
            <br /> USt-ID: Test 123459</th>
        </tr>
      </tbody>
    </table>
  </td>
</tr>

Answer 1

我设法解决了这个恼人的问题，方法是为每个

<th>

标签提供一个

width="33%"

，以将

<th>

元素均匀分布在整个表格上，然后使它们在屏幕上居中显示。如果希望

<th>

元素彼此更接近，可以使用类似这样的东西缩小整个

<table>

元素

<table style="margin: auto;" cellpadding="0" cellspacing="10" width="50%">

这里是固定且居中的 HTML 代码。

<tr>
  <td class="ns l-gray plr-5 pb-30"
      style="padding:0px 0 20px 8px; border-bottom:2px solid #e5e5e5;">
    <table style="margin: auto;" cellpadding="0" cellspacing="10" width="50%">
      <tbody>
        <tr>
          <th class="flex" style="text-align: center; font:400 12px/22px Arial, Helvetica, sans-serif, Ubuntu; color:#b7b7b7; vertical-align:bottom;" width="33%">
            Test Street 5<br /> 81667 Test<br /> Test
          </th>
          <th class="flex" style="text-align: center; font:400 12px/22px Arial, Helvetica, sans-serif, Ubuntu; color:#b7b7b7; vertical-align:bottom;" width="33%">
            Tel: <a href="tel:[phone]" style="color:#b7b7b7; text-decoration:none;">1234567890 22</a><br />
            Fax: [phone]<br />
            E-Mail: <a href="mailto:[email protected]" style="color:#b7b7b7; text-decoration:none;">[email protected]</a>
          </th>
          <th class="flex" style="text-align: center; font:400 12px/22px Arial, Helvetica, sans-serif, Ubuntu; color:#b7b7b7; vertical-align:bottom;" width="33%">
            Test Location: Test<br />
            CEO: Test Test<br />
            USt-ID: Test 123459
          </th>
        </tr>
      </tbody>
    </table>
  </td>
</tr>