如何使用内联css将图像移动到div的中心？

enter image description here

我试图使用文本对齐：中心，但它不工作。

任何人都可以给我一个快速提示？巨大的感谢从我:)前进！

<!-- Logo --> 
@if($user->logo_path) 
<img class=" img-rounded" style="text-align:center;" src="/files/logo_path/{{$user->id}}" alt="logo" width="100" > 
@else 
<img class=" img-rounded " style="text-align:center;" src="/img/default.PNG" alt="logo" width="100" > 
@endif

来源

2014-12-04 iori

您是否尝试过使用保证金： 0自动？我认为你需要显示你的CSS和父元素来作出更好的回答 – 2014-12-04 15:56:03

我认为这是快速修复。我已经修复，但谢谢你的关注。 – iori 2014-12-04 15:57:31

<div class=" col-lg-2" > 

<div style="text-align:center"> 
    <!-- Logo --> 
    @if($user->logo_path) 

    <img class=" img-rounded" style="text-align:center;" src="/files/logo_path/{{$user->id}}" alt="logo" width="100" > 

    @else 

    <img class=" img-rounded " style="text-align:center;" src="/img/default.PNG" alt="logo" width="100" > 

    @endif 

</div> 

</div>

来源

2014-12-04 15:58:22 iori

你不需要在单个imgs上使用'text-align：center'。 – 2014-12-04 16:00:16

添加块显示和自动水平边距。 text-align只会影响子元素，而不会影响元素的对齐本身。

<img class="img-rounded" style="display:block;margin:0 auto;" src="/files/logo_path/{{$user->id}}" alt="logo" width="100" />

来源

2014-12-04 16:01:30 BurpmanJunior

您需要的text-align:center属性应用到<img>元素的父DIV，前提是你的<img>元素没有任何形式的定位，它的。

而且看到它的<img>元素不具备display:block财产给它，如果它不那么它更改为display:inline

HTML：

<div class="parent_div" style="text-align:center;"> 
    <!-- Logo --> 
    @if($user->logo_path) 
    <img class=" img-rounded" src="/files/logo_path/{{$user->id}}" alt="logo" width="100" > 
    @else 
    <img class=" img-rounded " src="/img/default.PNG" alt="logo" width="100" > 
    @endif 
</div>

来源

2014-12-04 16:02:22 Awesomestvi

如何使用内联css将图像移动到div的中心？

回答

相关问题