锚内的div
这不会一直发生。 如果无法复制,错误不是错误!
首先,我认为这是我年轻的编程技巧的错误,但同样的错误出现在我的两个站点中,显然在相同的情况下。
<a style="display:block;" href="link">
<div>text1</div>
<div>text2</div>
</a>
有时,在浏览时,与其中的div
链接奇怪地呈现,重复元素出现在页面上没有任何理由,文本在不同链接之间分布,真是一团糟。
真实的截图:
http://cupacupelor.ro/img/help.jpg
http://www.carbroker.ro/img/help.jpg
任何人都面临这个问题 有解决方案吗? 我对涉及JavaScript的修补程序不感兴趣!
我想你的div链接会导致一些浏览器的不一致(可能是你的CSS在这里玩)。
“语义学”,有效的标记是一些热门词汇。
那么你为什么要在<A>
标签中使用DIV。 你可以尝试这样的东西
<a href="#">
<span class="divstyle">Text 1</span>
<span class="divstyle">Text 2</span>
</a>
然后在CSS中
.divstyle {
display: block; //and other styles etc
}
在HTML验证器中检查您的页面。 我90%确定你不能在像<a>
这样的内联元素中拥有<div>
元素。 即使您已将链接设置为display:block
,仍然不允许,浏览器可能正在吐痰他们的虚拟。
你可以做的是使用跨度,而不是将它们设置为阻止:
<style type="text/css">
.link, .link span { display: block; }
</style>
<a class="link" href="example.com">
<span>text1</span>
<span>text2</span>
</a>
链接地址: http://www.djcxy.com/p/36471.html
上一篇: div inside anchor