Question

我的代码：

<table style="text-align: center; width: 100%;" border="2" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><h2><a href="#" target="_blank" style="text-decoration:none; color:#34495e;">O mnie</a></h2>
      </td>
      <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><a href="#" target="_blank" style="text-decoration:none; color:#34495e"><h2>Inne Produkty</h2></a>
      </td>
      <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><a href="#" target="_blank" style="text-decoration:none; color:#34495e"><h2>Komentarze</h2></a>
      </td>
    </tr>
  </tbody>
</table>

修改：原始问题被解释为：

我希望第一列的文字（链接）位于中间，就像接下来的两行一样，但<a href"#"...></a>内有<h2>。因为我想放置它的地方并不支持以相反的方式进行。含义h2不能放在<a>标记内。

OP希望在h2标记

中包含a标记时，第一个链接会垂直对齐

（原文如下）

我希望第一列的文本（链接）位于中间，就像下面的两个一样，但是在我想要放置它的原因位置并不支持以相反的方式执行它。

Answer 1

我想现在我理解你想要的东西（感谢Wes Foster）：

通过向其添加以下h2属性，使您的style元素成为内联块：<h2 style="inline-block;">

<table style="text-align: center; width: 100%;" border="2" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><h2 style="inline-block;"><a href="#" target="_blank" style="text-decoration:none; color:#34495e;">O mnie</a></h2>
      </td>
      <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><a href="#" target="_blank" style="text-decoration:none; color:#34495e"><h2>Inne Produkty</h2></a>
      </td>
      <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><a href="#" target="_blank" style="text-decoration:none; color:#34495e"><h2>Komentarze</h2></a>
      </td>
    </tr>
  </tbody>
</table>

标题的垂直对齐与表中的链接

1 个答案: