Question

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;
}

[这只是我的第二篇文章，所以请告诉我，如果我能做些什么来改善这个问题 - 我已经搜索过类似的问题而且我试图尽可能具体地说明这一点]

Answer 1

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

这可能是针对某些其他a标签（可能是导航？）的范围，但它适用于所有这些标签。

另外，你的normalize.css没有加载，因为它找不到404错误。

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

Answer 2

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

对齐文本中的超链接间距

2 个答案: