HTML Table 不能改变文字的位置

Question

我正在尝试将文本的位置更改为中心的顶部。我正在使用 table，我需要在电子邮件模板中使用它。

这是我的 fiddle

<td height="1"><p>hello</p><p>hello</p> </td>

这是显示在左中，但我需要显示在顶部中央

谢谢

Answer 1

使用您的所有其余代码，我刚刚添加了一个 class

html:

<td height="1" class="topCenter"><p>hello</p><p>hello</p> </td>

css:

.topCenter{
  text-align: center;
  vertical-align: top;
}

Answer 2

你的答案在这里....虽然我已经缩短了一些代码：

https://jsfiddle.net/SAS3000/tx6zfgba/

table table {
  width: 191px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #ddd;
}
td {
  text-align:center;
  vertical-align:top;
}

<table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;width:600px;background-color: #ffffff;">
<tr>
  <td align="left">
    <table height="180px" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td height="1">
        <p>hello</p>
        <p>hello</p> 
      </td>
    </tr>
    </table>
  </td>
</tr>
</table>

Answer 3

看看这是否有帮助

<td style="vertical-align: top; text-align: center;" height="1">
    <p>hello</p>
    <p>hello</p>
</td>

Answer 4

这也可以在 table 级别完成，而无需 CSS。

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td align="center" valign="top">centered text</td>
        </tr>
    </tbody>
</table>

HTML Table 不能改变文字的位置

HTML Table can't change the position of the text

html

css

html-email