如何使用內聯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的中心？

回答

相關問題