html – 如何在整个单元格上链接一个链接?

前端之家收集整理的这篇文章主要介绍了html – 如何在整个单元格上链接一个链接?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表,其中包含可以点击编辑行的链接(锚点).我希望这些链接被拉伸到包含单元格的全宽和高度.我已经设置它们显示:block;所以他们有全宽:

问题在于,我无法使用CSS让它们全高.看到我的例子在这里:http://jsfiddle.net/timbuethe/53Ptm/2/.

解决方法

在块元素上设置任意大的负边距和相等的填充,隐藏在父元素上的溢出.
td {
    overflow: hidden;
}
td a {
    display: block;
    margin: -10em;
    padding: 10em;
}

http://jsfiddle.net/53Ptm/43/

猜你在找的HTML相关文章