Question

<td style="padding: 8px;">
  <a href="#" style="display: block; height: 100%;">test</a>
</td>

我正在尝试制作一个可点击的表格单元格，在锚点上使用display: block填充td的宽度，但高度仍未填充 - 锚点的高度为{{1文本，而不是带填充的test高度。

我该怎么做？

Answer 1

从td中删除填充并添加填充到

<a href="#" style="display: block; height: 100%;padding: 8px;">test</a>

Answer 2

<table><tr>
<td style="border:thin black solid; background:gray;">
  <a href="#test" style="display: block; height: 100%;padding: 8px; text-decoration:none; color:#ffffff;">test</a>
</td></tr></table>

从td移除填充并将其提供给a代码。

希望这有帮助。

Answer 3

试试这个

<td style="height: 100%;">
  <a href="#" style="display: block;padding: 8px;"> test</a>
</td>

将高度设置为td并将填充设置为a

用锚填充td高度

3 个答案: