css - 展开表格单元格中的空白区域

标签 css

我想使用 html 链接使 HTML 表格行可点击。 看这里http://s31.postimg.org/mdsm5ad7f/Untitled.png

tr.clickable td a {
    display: block;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: green;
}

正如您在空表格行的图片中看到的那样,可点击区域未扩展以填充单元格。我该如何解决这个问题?我想扩大表格单元格中的绿色区域。

最佳答案

在css下面添加这个,它会帮助你解决这个问题。

.td_link a {
  background: green;
  display:block;
  width:100%;
  height:100%;
}

关于css - 展开表格单元格中的空白区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36736692/

相关文章:

css - Topmargin 0 不起作用?缓存问题?

css - 为具有下拉菜单的导航设置图标(仅使用 CSS)

javascript - 如何设置相对、绝对和父、子混合 div 的 z 索引?

javascript - 更新文本时如何CSS过渡P标签的高度?

php - 我如何修复 Moodle 2.3 中所有类(class)中心帖子中的 block

jquery - 在自定义内容 slider 中滑动时出现空白/间隙问题

html - 将鼠标悬停在链接上时绘制带跨度的线

html - 产品页面 - 分屏滚动

html - 背景图像未显示在页面上

HTML 扩展得大于屏幕尺寸