锚内的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

下一篇: how to show pdf inside the aspx page?