无法居中图标

Question

试图将这个Facebook图标集中在一起，但却不能。

<div style="float: center; display: inline-block">
			<a href="https://www.facebook.com/bentinson.a/"><img src="images/red-fb.png" height="36px" width="36px" alt="" title=""></a>
		</div>

Answer 1

div本身将跨越它所在的整个容器，因此您希望将内容居中，这样您就可以text-align使图像居中。

<div style="text-align: center">
  <a href="https://www.facebook.com/bentinson.a/"><img src="images/red-fb.png" height="36px" width="36px" alt="" title=""></a>
</div>

Answer 2

使用text-align使图像居中

试试这个：

<div style="text-align: center;">
			<a href="https://www.facebook.com/bentinson.a/"><img src="images/red-fb.png" height="36px" width="36px" alt="" title=""></a>
		</div>