выравнивание по вертикали текста не работает с классом начальной загрузки

Question

Я знаю, как вертикально выравнивать текст, уменьшая высоту внутреннего div и присваивая ему абсолютное позиционирование сверху, снизу, слева, справа = 0, поле: авто свойства Я также знаю формат display:flex, но он также не работает должным образом. проблема display:table и vertical-align не работает должным образом с классами начальной загрузки. Мой div прост, я присвоил ему правильную высоту, мой внутренний div уменьшил высоту, чтобы он был вертикально выровнен, но это не так. Я использовал бутстрап. Я не хочу использовать абсолютное положение, чтобы центрировать его. Есть идеи?

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

Answer 1

Проблема была с моим DIV, я установить его размеры при удалении вещи, вещи удались. Благодарю.

Answer 2

При использовании начальной загрузки, вертикальная выравнивание осуществляется с помощью "дисплей: блок" инлайн

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

Вы можете проверить здесь - http://plnkr.co/edit/vPKRjAf4wgtzJ7VVdOPN?p=preview

Answer 3

что об использовании line-height? если 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>

Надежда это помогает