Я знаю, что есть много способов сосредоточиться на CSS. Центрирование чего угодно горизонтально довольно прямолинейно. Однако, если вы собираетесь центрировать все по вертикали, это совершенно новая история. Я просто хочу знать, почему мы не можем просто сказать bottom-align: auto; топ-Align: авто; как мы делаем, когда хотим что-то по центру горизонтально? Почему что-то, что кажется таким простым, как центрирование чего-то, кажется настолько сложным, что центрирование чего-то горизонтально настолько простое? Я знаю, что есть много способов, но позвольте сказать, что у вас есть элемент неизвестного размера, который вы хотите сосредоточить внутри другого элемента неизвестного размера.
Я сижу с этим почти два дня, не найдя хорошего ответа на этот ответ, у нас есть много разных способов сосредоточить объекты по горизонтали, но почему нет ни одного стандарта CSS, способного центрировать это вертикально? Это плохо? Это заставляет людей плакать или беспорядочно вступать в труд? Плавит ли он ядерные реакторы?
Мы живем в 2014 году. Кажется ненужным использовать Javascript, чтобы сделать что-то простое, чтобы сосредоточить что-то внутри другого элемента.
Изменить: Образец кода, что я имею в виду: http://jsfiddle.net/VsakD/
CSS
div.parentbox
{
width:500px;
height:500px;
border-style:solid;
}
div.childbox
{
width:300px;
height:300px;
border-style:solid;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
}
HTML:
<div class="parentbox">
<div class="childbox">
I shall be in the middle of parentbox regardless of its size!
</div>
</div>