为什么锚标记小于子图像？

Question

在我的网站{@ 3}}下的“与我联系”部分下，为什么我的锚标记较小（并在其下方）包含的图像？

锚不应该比它的内容更大（用它指定的填充）吗？

另外，我一直试图将这两个图标垂直居中在锚点所在的p标签中......自动边距也不起作用。这是什么原因？

Answer 1

使标签显示：inline-block;并且它们将按照您的预期包围图像，并且它们将通过text-align：center水平居中（就像它们已经存在的那样）;你已经全球化了。

除非使用表格，否则无法在css中垂直对齐元素。虽然你可以使div表现得像带有一些css的表，但这在IE中不起作用：link text

编辑2016：

现在可以使用flexbox垂直居中元素。

Answer 2

因为默认情况下链接（a）为display: inline。

Answer 3

查看有关css display属性的here。我想你应该使用display:block oder inline-block。

到第二个：如果没有指定宽度，自动边距永远不会起作用。将两个a放入div并将其宽度设置为固定值（或在您的情况下没有任何意义的百分比）。

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