css - 如何将此表格单元格置于一行中?

标签 css html-table html-email

<分区>

我怎样才能将单个单元格置于 tr 的中心,是否有我可能不知道的属性?因此,如果可能的话,无论在上方或下方添加多少个单元格,我都希望该单个单元格居中。这是在电子邮件模板的上下文中。

td {
  border: 1px solid blue;
  padding: 50px;  
}

.center {
  padding: 0;
}
<table id="main">
  <tr>
    <td>
      <table>
        <tr>
          <td></td>
          <td></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>
      <table>
        <tr>
          <td class="center">center me please</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>
      <table>
        <tr>
          <td></td>
          <td></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

最佳答案

只需将 align="center" 添加到要居中的 table

td {
  border: 1px solid blue;
  padding: 50px;  
}

.center {
  padding: 0;
}
<table id="main">
  <tr>
    <td>
      <table>
        <tr>
          <td></td>
          <td></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>
      <table align="center">
        <tr>
          <td class="center">center me please</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>
      <table>
        <tr>
          <td></td>
          <td></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

关于css - 如何将此表格单元格置于一行中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50329186/

上一篇:css - 如何在标题中垂直居中显示我的 Logo

下一篇:html - 避免图像对象继承专用于文本格式化的样式

相关文章:

css - rails Bootstrap wysihtml5 无法覆盖宽度

html - 根据父 div 背景图像,图像没有响应

javascript - jQuery 在使用 rowspan 时选择列中的最后一个单元格

css - 覆盖继承的 CSS 高度

css - 如何为 HTML 电子邮件中发送的图像创建最大宽度和最大高度效果?

html - 删除 div 中图片下方的白色填充

javascript - 如何更改 Javascript 中表格行的可见性?

HTML 电子邮件 : ! mso 条件技巧

html - Mailchimp - 如何在图像上方添加可变文本

Android webview 和 Twitter bootstrap 修复 navbar 无法点击