1

我有一张桌子，我希望每个单元格都可以点击。这有点工作，但似乎链接没有填满整个框，当我应用某人点击太靠近边缘的悬停效果时，这成为一个问题。有没有什么办法解决这一问题？

这是我的CSS

.dashboardMods td a {
  display: block;
  height:100%;
  width:100%;
}

.dashboardMods td:hover{
  background-color:#4297c2;
}

链接未填写框

4

3 回答 3

0

您.dashboardMods td可能会有一个填充，它可以防止内部元素变得更大，width - (padding * 2)因为填充在两侧。

此外，height: 100%并不总是有效，具体取决于浏览器和 HTML 规范（quirksmode）

于 2013-09-20T13:29:03.767 回答
0

尝试这个：

.dashboardMods td{
  padding:0;
}
.dashboardMods td a{
  display: block;
  height:100%;
  width:100%;
  padding:0;
  margin:0;
  line-height:100%;
}
于 2013-09-20T13:32:52.273 回答
0

从. padding_ <td>相反，您可以向 中添加相同的填充以<a>获得类似的效果。只是为了确定您也可以.dashboardMods a:hover改为更改 bg。

于 2013-09-20T13:30:27.230 回答