gpt4 book ai didi

css - 链接填写父标签(td,div)

转载 作者:行者123 更新时间:2023-11-28 00:21:32 25 4
gpt4 key购买 nike

如何让我的链接与父标签具有相同的高度和宽度,其中父标签的尺寸是可变的?

我找到了 this question here ,Gaurav Saxena 在那里发了一篇文章,最初有效 - 直到我添加了 HTML5 的 DOCTYPE。如果我这样做,它将不再在 Firefox 8 中工作(尽管它继续在 Chrome 中工作)。

所以这里是完整的例子:

<!DOCTYPE html>
<head>
<style type="text/css">
.std {width: 200px; border: solid 1px green; height: 100%}
.std a {display: inline-block; height:100%; width:100%;}
.std a:hover {background-color: yellow;}
</style>
<title></title>
</head>
<body>
<table>
<tbody>
<tr>
<td class="std">
<a href="http://www.google.com/">Cell 1<br>
second line</a>
</td>
<td class="std">
<a href="http://www.google.com/">Cell 2</a>
</td>
<td class="std">
<a href="http://www.google.com/">Cell 3</a>
</td>
<td class="std">
<a href="http://www.google.com/">Cell 4</a>
</td>
</tr>
</tbody>
</table>
</body>

预先感谢您的帮助!

最佳答案

$('td a').each(function(){
$(this).css({
'width': $(this).parent().width(),
'height': $(this).parent().height()
});
});

在文档 DOM 加载时运行。

关于css - 链接填写父标签(td,div),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8552321/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com