爲什麼錨標籤小於子圖像？

Question

在我的網站上，「聯繫我」部分下的http://www.redsquiggli.es爲什麼我的錨定標記更小（和下方）它們包含的圖像？

錨點不應該比其內容更大（使用指定的填充）？

此外，我一直試圖讓這兩個圖標垂直居中在標籤中，錨點在...自動邊距不在那裏工作。這是什麼原因？

Answer 1

使a標籤顯示：inline-block;並且它們將按照您的期望環繞圖像，並且它們將被text-align：center水平居中（因爲它們已經是）你在全球範圍內設置。

除非使用表格，否則不能垂直對齊css中的元素。雖然你可以div的行爲像一些CSS表格，但是這不會在IE瀏覽器：link text

編輯2016年

您現在可以使用Flexbox的垂直中心的元素。

Answer 2

因爲鏈接（a）默認爲display: inline。

Answer 3

看here關於css display屬性。我想你應該使用display:block或者inline-block。

第二種情況：如果沒有指定寬度，自動保證金從不起作用。將兩個a s放入div並將其寬度設置爲固定值（或在您的情況下沒有任何意義的百分比）。

#div-containing-the-as { 
    width:300px; 
    margin:auto; 
}