添加垂直對齊：中間複雜的div

我有三個div有不同長度的文本塊。我想垂直對齊他們。我試着用這個添加垂直對齊：中間複雜的div

#container{ 
    height:200px; 
    vertical-align:middle; 
    display:table-cell; 
} 

#content{ 
    height:150px; 
    display: inline-block; 
    vertical-align: middle 
}

但它似乎並沒有被應用.. Here的我的網站，我談論的部分是一個用3個圓（懸停）：

enter image description here

來源

2013-10-20 MultiformeIngegno

以下CSS添加到包裝上hover

 /* chrome */ 
     display: -webkit-box; 
     -webkit-box-pack: center; 
     -webkit-box-align: center; 

     /* Firefox */ 
     display: -moz-box; 
     -moz-box-pack: center; 
     -moz-box-align: center; 

     /* IE */ 
     display: -ms-box; 
     -ms-box-pack: center; 
     -ms-box-align: center; 


     /* Native CSS */ 
     display: box; 
     box-pack: center; 
     box-align: center;

文本的

來源

2013-10-20 21:19:41 Vector

對不起，延遲..你的意思是除了我提到的風格或只是這些風格？我試着用這些風格沒有運氣.. :( – MultiformeIngegno

您應該使用

display: table

你的元素

和

display: table-cell

。

來源

2013-10-20 22:14:55 sjmog

添加垂直對齊：中間複雜的div

回答

相關問題