中心在超链接<a> tag

Question

I have an image coded like so:

<img src="assets/img/facebookImage.png">

I also have an <a> hyperlink tag wrapped around the <img> tag, that looks like this:

<a href="http://www.facebook.com" style="width: 80%">

The image is not centered in the hyperlink box.

中对齐图片

如何在超链接框中对齐facebook图标图像？以下是上下文的完整代码部分：

<a href="http://www.facebook.com" style="width: 80%">
  <img src="assets/img/facebookImage.png">
</a>

Answer 1

删除max-width：none;从img中删除标记中的左右填充。

Answer 2

在这里，让它们显示块，两个元素，将它们嵌套在html中，并将img margin设置为0 auto。

a {
display:block;
border: 1px blue solid;
width:100px; height:100px;
padding:10px;
}
img{
display:block;
margin:0 auto;}

四处游戏并为img或链接设置不同的宽度，它将始终居中。

链接到笔：

http://codepen.io/damianocel/pen/RRWzdr

Answer 3

在img标签上设置宽度和高度，以匹配您需要的尺寸链接框。在您网站的img标签上设置此图标会将图像置于链接框中：

width: 21px;
height: 20px;