Я центрировал div вертикально с помощью CSS, и он отлично работает. Но у меня есть фон, и когда я изменяю размер браузера, текст выходит из фона.Вертикально центрированный div выходит из фона
.wrapper{
height: 100%;
width: 100%;
background: rgba(51,51,51,.5);
}
.outer {
display: table;
position: absolute;
height: 100%;
width: 100%;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.inner {
margin-left: auto;
margin-right: auto;
width: 50%;
}
'//', вероятно, не следует использовать для демонстрации, так как это не 'копируемыми' Используйте '/ ** /' вместо этого. – jbutler483