Question

如果您尝试点击＆＃34; Spear St. Oakland＆＃34;和描述一样，你会注意到锚点无处可去。那是因为他们之间有填充。

当用户在文本之间点击时，如何让超链接工作？

Answer 1

尝试将填充放在a元素上，而不是div元素。

Answer 2

文本之间没有链接。你有两个链接。什么令人困惑的是

.grid_doc_holder {
    cursor: pointer;
    text-align: center;
}

当你没有链接时显示手您可以考虑使外部容器可单击

Answer 3

我相信你想把你的div（或Div）放在一个A标签中，这样就可以点击它。

Answer 4

您的代码不必要地复杂。例如，您不需要将所有内容（例如每个链接）包装在DIV中（或者反过来）。只需直接设置链接的样式，可能将其display样式设置为block，以便它的行为类似于div。

如果您将两个链接合并为一个，那么您的问题就会消失，您不需要“伪造”cursor: pointer的链接。

这里举例说明HTML的简单程度：

<div class="awallpost grid_doc_holder sub" data-image="http://s3.amazonaws.com/fabletest/7cgeq8hkdt"> 
  <a href="/d/1339" class="trans_caption "> 
    See the sun whispering the light of our days from last summer...
  </a> 

  <div class="trans_caption_over"> 
     <a href="#" data-holdclass="positive_hold" data-content_id="1339" data-score="1" class="upvote_button positive overlaybutton" name=""><img src="/media/img/brightmix/star.png"> Great Find!</a> 

     <a href="/d/1339" class="extras"> 
       <em><img src="/media/img/brightmix/placedot2_white.png" align="texttop" width="12" height="auto">  Spear St. Oakland, 94107</em> 
       <span>Hey it&#39;s weekend! Whohoooo :O) Made a few new photos on my favorite heathland just outside the city, the sunset ...</span>
     </a> 
   </div> 

   <div class="title_text_only"> 
     See the sun whispering the light of our days from last summer...
   </div> 
   <div class="desc_text_only"> 
     Hey it&#39;s weekend! Whohoooo :O) Made a few new photos on my favorite heathland just outside the city, the sunset was so gorgeous and soft just perfect for my &amp;amp;quot;cream ...
   </div> 
</div>

为什么超链接在我的div的一部分上不起作用？

4 个答案: