中心一切

Question

我在這個項目中，我希望所有的內容以我爲中心在頁面中間，我似乎不能使邊距：0px汽車;工作，任何人都可以幫助我？

（示例代碼:)

<div class="barra2"> 
    <img src="barra2/botao_series_rotax.png"> 
    <img src="barra2/botao_trofeu_rotax.png"> 
    <img src="barra2/bot_inscricpion.jpg"> 
    <img src="barra2/bot_class_online.jpg" > 
    <img src="barra2/resultados_.png"> 
</div> 

（獲得該中心）

這裏是整個事情的小提琴

Fiddle

Answer 1

如果你只是想中心圖像

<div class="barra2"> 
    <img src="barra2/botao_series_rotax.png"> 
    <img src="barra2/botao_trofeu_rotax.png"> 
    <img src="barra2/bot_inscricpion.jpg"> 
    <img src="barra2/bot_class_online.jpg" > 
    <img src="barra2/resultados_.png"> 
</div> 

.barra2{ 
    text-align:center; 
    width:100%; 
} 

.barra2 img{ 
    display:block; 
    clear:both; 
    margin:10px auto; 
} 

JSFIDDLE DEMO

更新：

.barra2{ 
    text-align:center; 
    width:100%; 
} 

.barra2 img{ 
    display:inline-block; 
} 

JSFIDDLE DEMO INLINE

德恩您添加寬度圖像你有像這樣

.barra2{ 
    text-align:center; 
    width:100%; 
} 

.barra2 img{ 
    display:inline-block; 
    width:140px; 
} 

DEMO INLINE-BLOCK 2

爲您的網站添加此

.barra2 { 
text-align: center; 
width: 100%; 
clear: both;/*this will solve the problem*/ 
} 

Answer 2

margin:0 auto不會工作，除非父容器有text-align:center;設置，請嘗試將以下內容添加到您的CSS中：

body{ 
    text-align:center; 
} 

此外，中心的內容要麼需要有一組寬度，或設置爲display:inline-block;

Answer 3

div.barra2 
{ 
text-align:center 
} 

Answer 4

把一切都放在一個div中，給出div margin：auto;在CSS

像這樣：

div .everything { 
     margin: auto; 
     width: 1000px; /*You need to give a width, this can be 99% or 
something like this i.e. If you don't do this it won't work. */ 
} 

Answer 5

在你的代碼，只要把中間的標籤，最好是做到這一點的最佳方式，但它的工作原理

您的中心標記之間的代碼