CSS文本對齊

Question

我有這樣的結構：

<div class="father"> 
This string is left-aligned 
<div class="divToCenter" style="display:inline-block;"> 
    //contains other divs.I used inline block for making this div as large as 
    //content ATTENTION: its width is not fixed! 
</div> 

</div> 

我怎麼能說：

讓我只有一個名爲 「divToCenter」 中 「父親」 的div爲中心的類。

由於

盧卡

Answer 1

#left {float: left; background: #eee; width: 200px; /* width is optional */} 
#content {overflow: hidden; text-align: center;} 


<div class="father"> 
<div id="left">This string is left-aligned</div> 
<div id="content"> 
    //contains other divs.I used inline block for making this div as large as 
    //content 
</div> 
</div> 

浮子左對齊的字符串或塊向左，然後用overflow:hidden上的內容一世t會自動佔用剩餘空間，你可以text-align它想要如何

要麼或將左側內容轉換爲內聯塊，因此它和內容是並排的，你將能夠文本對齊每個inline-block分開

Answer 2

div.divToCenter 
{ 
margin: 0 auto; 
} 

Answer 3

.father { text-align: center; } 
.father div.divToCenter { margin: 0 auto; } 

更新：

.father { text-align: left; } 
.father div.divToCenter { width:Xpx; margin: 0 auto; }