垂直對齊文本不適用於引導類

我知道如何垂直對齊文本，通過減少內部div的高度並將其與絕對定位分配給頂部，底部，左側，右側= 0，margin：自動屬性我也知道display:flex佈局，但它也不能正常工作。問題是display:table和vertical-align無法與引導類正常工作。我的div很簡單，我把它分配給適當的高度，我的內部div降低了高度，所以它應該垂直對齊，但不是。我用bootstrap。我不想用絕對位置來居中。任何想法？垂直對齊文本不適用於引導類

<div class="col-sm-3" style="height:65px;display:table;vertical-align:middle;"> 
    <div style="display:table-cell;vertical-align:middle">abcabcabc</div> 
</div>

來源

2016-01-11 uzma

尋求代碼幫助的問題必須包含在問題本身**中重現**所需的最短代碼。請參閱[**如何創建最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

問題是與我的div，我在去除填充設置它的尺寸居中，事情成功的。謝謝。

來源

2016-03-13 08:43:04 uzma

當您使用引導，垂直對齊與「顯示：內聯塊」做

.vcenter { 
    display: inline-block; 
    vertical-align: middle; 
    float: none; 
}

您可以點擊這裏 - 如何使用line-heighthttp://plnkr.co/edit/vPKRjAf4wgtzJ7VVdOPN?p=preview

來源

2016-01-11 12:00:24 user2947

什麼？如果line-hight等於其hight文本垂直

#test { 
 
    width: 100%; 
 
    height: 100px; 
 
    background-color: green; 
 
    line-height: 100px; 
 
    font-size: 32px; 
 
    text-align: center; 
 
}

<div id="test"> 
 
    Test Text 
 
</div>

希望這有助於

來源

2016-01-11 12:00:54

垂直對齊文本不適用於引導類

回答

相關問題