CSS Bu yapıya sahip

Question

inline-block elemanı üzerindeki metin hizalama

beni atalım SADECE "baba" div merkezli "divToCenter" adlı sınıf .

Teşekkür

Luca

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> 

şamandıra sola sola hizalanmış dize veya blok, ben t otomatik olarak kalan alanı kaplayacak ve

istediğiniz gibi veya sol içeriği bir satır içi bloğa dönüştürebilirsiniz ve böylece içerik her iki tarafa da metin hizalama yapabileceksinizdir text-aligninline-block Ayrı ayrı

Answer 2

div.divToCenter 
{ 
margin: 0 auto; 
} 

Answer 3

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

Güncelleme: içeriğine overflow:hidden ile daha sonra

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