Question

以下是适用的代码：

<a href='http://app.bithumor.co/report_post?id=568'><span class='report_icon'></span></a>

使用CSS：

<style>
.report_icon {
    width: 60px;
    height: 17px;
    padding-left: 20px;
    vertical-align: middle;
    content: url(http://s10.postimg.org/7e5s3kasl/more_info.png);
    float: right;
    padding-right: 20px;
    padding-top: 13px;
}
</style>

点击span代码并未将我导航至href。

如果你想爱代码，那么你可以在这里查看：http://test.bithumor.co/test9.php，锚点内的span是用户名和三个点＆＃34; ... ＆＃34;

Answer 1

只需将此添加到您的CSS

即可

.entire_post a {
  display:block
}

您始终可以先为a创建一个类，而display:block只会影响第一个a，而不会影响其他a兄弟。

为什么？

因为a（以及span）是inline元素。

请注意：在您的代码（实时演示）中，<center>和<font>在其他错误中已过时

Answer 2

您需要设置锚标记的样式，为其添加类或执行此类操作。我会建议上课。

.entire_post > div a:last-child {
  display: block;
  float: right;
}

您还遇到一个问题，即.post_bar div包含<br>，它会扩展.post_bar的高度并阻止锚标记。删除<br> - 代码。

可能值得知道使用<br>进行布局被认为是不好的做法，所以尽量只使用CSS。

Answer 3

在查看您的网站后，除了只是这些链接无法运行之外，还有很多其他问题。话虽如此，如果你仔细观察你的网站，你会发现只有第一篇帖子有这些问题，而且其他帖子的链接都有效。原因是div类post_bar未正确关闭，因为它被br中断。如果您正确关闭此标记（并且可能完全删除这些br，链接将正常工作。

您网站的其他一些注意事项：

请记住使用html，head和body标记。
post_bar div应将其属性top设置为0px，以使其位于屏幕顶部，因为其位置已修复。
第一个entire_post div应该有margin-top 75px，以便将其保留在post_bar下，而不是使用br。

Spans不会在锚点内进行超链接

3 个答案: