css - 带有超链接的白色块

Question

超链接后面是一个白块，这不是本意，我该如何解决？文本对齐，左侧边距为 250 像素。

http://tinyurl.com/nvvned7

希望有人能帮忙

罗吉尔

Answer 1

您padding-right: 250px;的 css 规则中有此锚元素：

.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {
    font-family: Arial,"Arial Unicode MS",Helvetica,sans-serif;
    padding-right: 250px;
    text-align: justify;
}

具体来说，在这种情况下，css 选择器的以下部分会触发在您的锚点上应用 css 规则：

.art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a:hover

您可以通过两种可能的方式解决此问题。

1）要么删除这条规则——这可能不是一个好主意，因为它可能在其他锚上是必要的。

2) 将一个 CSS 类添加到覆盖此填充权的锚元素：

.my-link {
    padding-right: 0;
}

随着

<a href="#" class="my-link">Anouk@Work BV.</a>

另外，我注意到您将链接包装在<span style="text-decoration: underline;">-tag 中。这不是必须的，这里使用的内联 css 规则应该直接应用于锚元素。

我强烈建议您学习 html 和 css 的基础知识。