2

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

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

4

2 回答 2

1

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

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

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

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

于 2014-03-06T21:47:31.897 回答
0

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

于 2014-03-06T21:58:02.507 回答