垂直對齊在HTML中並不

工作，我創建CSS表，我想單元格值是在中間的垂直align.I利用這個CSS代碼：垂直對齊在HTML中並不

div.cell 
{ 
    float: right; 
    border-left: 1px #293F6F solid; 
    border-bottom: 1px #293F6F solid; 
    height: 55px; 
    width: 27%; 
    text-align: center; 

    display: table-cell; 
    vertical-align: middle; 
}

和我的html代碼：

<div class="cell">XYZ</div>

，但它不work.also其他垂直對齊類型，如「文本底」和「底」和「頂」不work.Regards

來源

2012-08-08 Javad Yousefi

你試過'margin：auto'嗎？ – 2012-08-08 22:10:35

該問題是由'float：right;'引起的......'vertical-align僅適用於內聯對象，不適用於浮動對象。檢查此http://stackoverflow.com/a/122290/83605 – Aziz 2012-08-08 22:11:59

您可能還想閱讀此：http://phrogz.net/CSS/vertical-align/index.html – Aziz 2012-08-08 22:12:40

如果float: right;是很重要的，我建議去掉height: 55px;的div並使用padding-top/bottom來定位文本。

來源

2012-08-08 22:19:09 Hoshts

垂直對齊在HTML中並不

回答

相關問題