对齐文本中的超链接间距答案

【问题标题】：Hyperlink spacing within justified text对齐文本中的超链接间距
【发布时间】：2014-04-09 19:06:55
【问题描述】：

Text-align:justify 似乎并没有像隔开常规文本那样隔开超链接。这意味着如果我不使用超链接，文本看起来很好，没有尴尬的空格，但如果我添加超链接，则需要新的尴尬空白来填补未间隔超链接文本留下的空白。有没有什么办法解决这一问题？您可以通过查看我到目前为止的内容来了解我的意思：www.laborcrib.com（超链接周围的尴尬空白）

这是我文本的唯一样式：

    article {
    font-size: 19px;
    max-width: 650px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    padding: 20px;
    line-height:33px;   
    text-align: justify;
    color: #383737;
}

[这只是我的第二篇文章，所以如果有什么我可以做的来改进这个问题，请告诉我——我已经搜索了类似的问题，并且我已经尝试尽可能具体]

【问题讨论】：

标签： html css hyperlink text-align justify

【解决方案1】：

您有一个样式是在<head> 的index.html 的<style> 部分中为您的链接添加a {padding: 0px 28px 0px 28px;}。查找 index.html 的第 49 行。

这可能是为了将其范围限定为其他一些 a 标记（可能是导航？），但它适用于所有标记。

此外，您的 normalize.css 未加载，因为它收到 404 not found 错误。

如果您想为标题下方顶部的三个链接保留该间距，您可以将 class 或 id 添加到包含它们的 <div> 并修改规则以使其适用于只有这三个链接。例如<div class="toplinks">... 和 .toplinks a { padding...

【讨论】：

如果 padding 设置为 0 问题确实解决了
啊！完美，你完全正确。关于下一次我如何自己发现这个的任何建议？我希望有一天能提高你发现此类事物的速度和敏锐度。
我正在使用 Chrome 浏览器并右键单击您页面上的链接并选择inspect element，然后查看正在应用的所有 css 规则，直到我看到带有填充的规则。然后我通过删除规则左侧框中的复选标记来检查该规则的影响。我在规则的右侧看到了规则的位置，然后使用查看页面源来直观地验证位置并查看页面的结构。有一条错误通知指出了我为normalize.css 提到的 404。

【解决方案2】：

如果您从锚元素中删除 28px 左右填充，我认为锚标记文本与其余文本一致（至少在 Chrome 和 IE 10 中）。有几个地方锚标签可以在它之前使用一个空格 - 特别是“网站”和“获得他们的第一个格莱美”链接，但这些不是 CSS 问题。

【讨论】：