将 <a> 元素与 div 内的图像居中 [重复]

【问题标题】：Centering <a> element with an image inside a div [duplicate]将 <a> 元素与 div 内的图像居中 [重复]
【发布时间】：2016-05-25 21:32:47
【问题描述】：

如何强制带有图像的<a> 元素出现在div 的中心？我是否应该先尝试将 a 元素居中，这样才能成功？

<div class="col-md-6 logo">
<a class="navbar-brand" href="/index.html">
<img src="#">
</a>
</div>

【问题讨论】：

【解决方案1】：

试试style="text-align:center"：

<div class="col-md-6 logo" style="text-align:center">
<a class="navbar-brand" href="/index.html">
<img src="#">
</a>
</div>

【讨论】：

【解决方案2】：

把你的 img 放在一个类中

在css中

img.example { margin : auto; }

【讨论】：

margin : auto; 不会产生影响，只要img 具有display 的默认值inline。除此之外，margin : auto; 需要 block 显示并且必须设置 width。

【解决方案3】：

问题解决了，导航栏品牌有浮动：右默认。所以我把它挂在：没有任何; 和文字对齐：居中；

【讨论】：