CSS-获取链接以填充整个父级<；td>；地区_Css

CSS-获取链接以填充整个父级<；td>；地区

css

CSS-获取链接以填充整个父级<；td>；地区,css,Css,我是个新手，但读过很多类似的问题。我仍然不确定我遗漏了什么：我正在尝试在整个父区域中单击一个链接。下面的代码使链接成为整个区域的宽度，而不是整个区域的高度，即使我使用的是高度：100%。请帮忙。谢谢大家! <!DOCTYPE html> <html> <head> <style> table { border-collapse: collapse; } th { background-color: #00169d; col

我是个新手，但读过很多类似的问题。我仍然不确定我遗漏了什么：我正在尝试在整个父区域中单击一个链接。下面的代码使链接成为整个区域的宽度，而不是整个区域的高度，即使我使用的是高度：100%。请帮忙。谢谢大家!

<!DOCTYPE html>
<html>
<head>
<style>
table {
    border-collapse: collapse;
}

th {
    background-color: #00169d;
    color: white;
    padding: 8px;
}

th a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 8px;
}

</style>
</head>
<body>
    <table>
        <tr>
            <th><a href='tmp'>Date</a></th>
            <th><a href='tmp'>ABCDEF</a></th>
            <th><a href='tmp'>XYZ XYZ</a></th>
        </tr>
    </table>
</body>
</html>


桌子{
边界塌陷：塌陷；
}
th{
背景色：#00169d；
颜色：白色；
填充：8px；
}
THA{
显示：内联块；
文字装饰：无；
文本对齐：居中；
宽度：100%；
身高：100%；
填充：8px；
}

不定义锚固件的宽度/高度（a）
如果您想要更大的按钮，请添加更大的填充

表格{
边界塌陷：塌陷；
}
th{
背景色：#00169d；
颜色：白色；
填充：0；
}
THA{
显示：块；
文字装饰：无；
文本对齐：居中；
填充：16px；
颜色：白色；
}
THA:悬停{
背景颜色：灰色；
}

当我的元素比我的标题/元素宽时，这不起作用。。。在这种情况下，链接仅覆盖整个区域宽度的一部分。例如：非常长的文本非常长的文本工作正常，请使用浏览器开发工具检查器进行检查，查看应用了哪些其他样式以及从何处开始。谢谢！显然，我使用了：th{display:inline block}而不是display:block。。。为什么会有不同？谢谢大家!<代码>内联块的作用更像是

内联

，宽度与文本一样大<代码>块将使宽度成为其容器的整行。--你可以对答案投赞成票，并将其标记为接受。