扩展表单元格中的空白区域
扩展表单元格中的空白区域
提问于 2016-04-20 15:27:09
我想使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;
}正如您在图片上看到的，在空表格行中，可单击区域不会展开以填充单元格。我该怎么解决这个问题呢？我想在表格单元格中扩展绿色区域。
回答 2
Stack Overflow用户
发布于 2016-04-20 15:41:49
使用以下代码：
CSS
.td_text {
background: #CCC;
}
.td_link {
width:150px;
position:relative;
}
.td_link a {
background: green;
display:block;
width:100%;
height:100%;
position:absolute;
left:0;top:0;
}HTML
<table>
<tr>
<td class="td_link"><a href="#"></a></td>
<td class="td_text">text<br>text<br>text<br></td>
</tr>
</table>Stack Overflow用户
发布于 2016-04-20 15:58:09
在css下面添加这个，它将帮助你解决这个问题。
.td_link a {
background: green;
display:block;
width:100%;
height:100%;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36736692
复制相关文章
相似问题
腾讯云开发者
