目前,我在我的网站中使用这一小段 js 来允许我的 div 充当按钮:
<div id="item" onclick="location.href='http://www.google.com';" style="cursor:pointer;">Google</div>
但当我浏览网页时,我经常做的事情是打开大量标签。有什么方法可以修改我的代码以实现此目的吗?
这应该可以做到:-
<html>
<head>
<style>
.sampleDiv
{
position:relative;
margin:0px auto;
width:400px;
height:200px;
background-color:#CCCCCC;
text-align:center;
}
.actualLink
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.linkText
{
position:relative;
top:80px;
}
</style>
</head>
<body>
<div class="sampleDiv">
<a class="linkText" href="test.html">testing</a>
<a class="actualLink" href="test.html"></a>
</div>
</body>
</html>
具有actualLink 类的链接覆盖了整个div。
具有 linkText 类的链接提供文本。
使用两个标签的目的是,如果您只使用actualLink,那么您无法将文本放置在您想要的任何位置。通过使用带有类linkText的链接,您可以灵活地居中(垂直)文本(仅使用actualLink即可完成水平居中)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)