對齊文本中的超鏈接間距

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

[這只是我第二次發佈所以讓我知道如果有什麼我可以做，以改善這個問題 - 我已經尋找類似的問題，我試圖儘可能具體]

來源

2014-03-06 Jon Tippens

你有一種風格，爲您添加a {padding: 0px 28px 0px 28px;}鏈接的<head>中的<style>部分。查找index.html的第49行。

這可能是有意爲其他a標籤（也許是導航？）的範圍，但它適用於所有這些。

此外，您的normalize.css不加載，因爲它得到404未找到錯誤。

如果你想保持這種間距在標題下方的頂部，你可以添加三個環節或者是class或id來包圍他們，從而施加到只有那些三通它修改規則的<div>。例如和.toplinks a { padding...

來源

2014-03-06 21:47:31

如果填充設置爲0，問題確實解決了 –

啊！完美，你是完全正確的。下一次，我可能會自己發現這一點的任何建議？我想有一天發展你的速度和敏銳，發現這樣的事情。 –

我正在使用Chrome瀏覽器並右鍵點擊您網頁上的鏈接並選擇了'inspect element'，然後查看了所有正在應用的css規則，直到看到帶有paddding的css規則。然後，我通過從規則左側的框中刪除複選標記來查看該規則的影響。我在規則的右側看到了規則的位置，然後使用視圖頁面源來直觀地驗證位置並查看頁面的結構。有一個錯誤通知，它指出了我爲'normalize.css'提到的404。 –

如果您從錨元素，我認爲錨標記文字與文本（至少在Chrome & IE 10）的其餘部分始終合理的28px左右填充。有幾個地方的錨標籤可以在它之前使用一個空間 - 特別是「網站」和「抓住他們的第一個格萊美」鏈接，但這些不是CSS問題。

來源

2014-03-06 21:58:02

你是對的！感謝您發現這一點。 –

對齊文本中的超鏈接間距

回答

相關問題