是否可以将整个表行包装在<a>
标签?我希望整行都是可点击的链接。
如果我尝试以下操作,链接将呈现在表格上方和外部:
This:
<table>
<a href="value_url"><tr><td>value</td><td>value</td></tr></a>
<a href="value_url"><tr><td>value</td><td>value</td></tr></a>
</table>
渲染成这样:
<a href="value_url"></a>
<a href="value_url"></a>
<table>
<tr><td>value</td><td>value</td></tr>
<tr><td>value</td><td>value</td></tr>
</table>
2021 年编辑:
如今似乎有更好的选项,更语义化,更适合屏幕阅读器。看看例如詹斯溶液 https://stackoverflow.com/a/61589399/540725.
原答案:
由于每个 td 中的链接不是一个好的选择,并且使用 js 有点脏,这里是另一种 html/css 方法:
HTML:
<div class="table">
<a class="table-row" href="/mylink">
<div class="table-cell">...</div>
<div class="table-cell">...</div>
<div class="table-cell">...</div>
</a>
</div>
CSS:
.table { display:table; }
.table-row { display:table-row; }
.table-cell { display:table-cell; }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)