Html 答:链接未填充整个td框

Html 答:链接未填充整个td框,html,css,html-table,css-tables,Html,Css,Html Table,Css Tables,我有一张桌子,我希望每个单元格都可以点击。这在某种程度上是可行的,但似乎链接并没有填满整个框,当我应用悬停效果时,如果有人单击的位置太靠近边缘,就会出现问题。有办法解决这个问题吗 这是我的css .仪表板Mods td a{ 显示:块; 身高:100%; 宽度:100%; } .仪表板MODS td:悬停{ 背景色:4297c2; } 您的.dashboardMods td可能会有一个填充,这可以防止内部元素比width-padding*2更大,因为填充在两侧 此外,高度:100%并不总是有效,

我有一张桌子,我希望每个单元格都可以点击。这在某种程度上是可行的,但似乎链接并没有填满整个框,当我应用悬停效果时,如果有人单击的位置太靠近边缘,就会出现问题。有办法解决这个问题吗

这是我的css

.仪表板Mods td a{ 显示:块; 身高:100%; 宽度:100%; } .仪表板MODS td:悬停{ 背景色:4297c2; } 您的.dashboardMods td可能会有一个填充,这可以防止内部元素比width-padding*2更大,因为填充在两侧

此外,高度:100%并不总是有效,具体取决于浏览器和HTML spec quirksmode

删除页面中的填充。相反,您可以向中添加相同的填充,以获得类似的效果。为了确定您也可以这样做。仪表板Mods a:将鼠标悬停改为更改背景。

尝试以下操作:

.dashboardMods td{
  padding:0;
}
.dashboardMods td a{
  display: block;
  height:100%;
  width:100%;
  padding:0;
  margin:0;
  line-height:100%;
}

你的HTML应该是..?你是否尝试用像素来代替百分比来输入宽度和高度?尝试添加边距:0;填充:0;线高:100%;请提供完整的代码:您需要表格的HTML和完整表格的CSS。@user2719346我的表格太大,无法发布,并且包含我无法共享的公司数据。它只是一个普通的html表。你可以用谷歌搜索html表格,看看它是什么样子的。这不起作用,这只会使链接变成一条细线,而不是整个块。我不认为这与填充物有任何关系,我已经从td之前的填充物中剥离了填充物。很抱歉没有早点说,我没想到你能在JSFIDLE上创建一个例子吗?试试这个:。dashboardMods td a{padding:100%;}我尝试创建一个提琴,但我遇到了一点麻烦,因为我正在引导包装中处理表,Ic无法再次创建整个环境。我试着加上100%的填充物,它让一切变得如此巨大,以至于你甚至找不到数字。哈哈哈哈,很抱歉!!我不知道你是否在本地使用你的机器,如果你不在,如果你能提供一个网页链接可能会更容易。不幸的是,这不起作用。填充可能是问题所在,但剥离或添加填充不会对链接产生积极影响。剥入使链接收缩,添加使其脱离框。我也试图使这个响应,所以我不想设置具体的高度,因为链接是更多的说重量或高度。