在一個響應式佈局中垂直居中另一個具有未知高度的div的div

Sample Webpage 在一個響應式佈局中垂直居中另一個具有未知高度的div的div

請看看上面的網站。是否有可能讓圖片塊始終垂直居中在其容器內？

換句話說，將行流體類的div垂直居中在div內的特徵項目類。

來源

2013-07-31 farjam

您正在使用的靴子陷阱如果你在行流體類上實現css比它會影響其他頁面 – Hushme

我可以添加額外的類以避免與引導框架混淆。 – farjam

比讓那個類顯示：table-cell;和vertical-align：middle;並且不要浮動它 – Hushme

給Css行流體類&給出容器的高度。

CSS

.row-fluid { 
    display: table-cell; 
    vertical-align: middle; 
    height: 300px; 
}

阿卜杜勒刪除填充頂：2em的從特色產品類

來源

2013-07-31 05:38:05 archu

但是這樣會切斷功能項目div，並且不會讓它的背景一直延續到頁面的底部。你會在大屏幕上注意到這一點。 – farjam

您可以處理表：

<table width="100%" height="100%"> 
<tr><td style="vertical-align:middle; text-align:center;"> 
    <div><img src="" /></div> 
    <div><img src="" /></div> 
    <div><img src="" /></div> 
</td></tr> 
</table>

來源

2013-07-31 06:07:32

在一個響應式佈局中垂直居中另一個具有未知高度的div的div

回答

相關問題