一個div

Question

內對齊內容如何在第二個div（display_bar）對齊到中心

<div id="display" style="display:inline;font-size:150%;" > </div> 
<div name="display_bar" id="display_bar" 
    style="margin-left: auto;margin-right: auto;width:125em;text-align:center;visibility=visible;display:inline;"> 
    <img class="view_prev" src="first.png"> 
    <img class="view_prev" src="2.png" > 
    <img class="view_prev" src="3.png" > 
    <img class="view_prev" src="4.png" > 
    <img class="view_prev" src="5.png" > 
</div> 

同樣，第二個div應與第一個div

由於是內聯。

Answer 1

由於它是display: inline，請在其父元素上設置text-align: center，然後問自己是否應該是跨度而不是div。

（NB：CSS使用:，不=和alt屬性是強制性的IMG元素）

Answer 2

嘗試此CSS：直列塊：

#display_bar 
{ 
    margin:0 auto; 
    width:300px; /* or whatever width */ 
} 

Answer 3

也可以與顯示中心的元素或顯示：通過在父元素上使用text-align：center進行內聯。這也會將文字居中。我想這可能是你想要的，因爲你說過你想把所有事情都對準中心。把它全部放入div。

例如：

<div class="wraper"> 
    <div class="inwrap"> 
     Lorem ipsum dolor text... 
    </div> 
</div> 

CSS：

.wraper { 
} 

.inwrap { 
    width: 50%; 
    margin: 0 auto; 
} 

OR：

.wraper { 
     text-align: center; 
    } 

    .inwrap { 
     display: inline-block; /*or inline*/ 
     width: 50%; 
    }