Вертикально / горизонтально центральные элементы уровня блока - PullRequest
Новая
       1

Вертикально / горизонтально центральные элементы уровня блока

0 голосов
/ 10 декабря 2010

Мое требование состоит в том, чтобы размеры как элемента, так и родительского элемента были жидкими и колебались.Таким образом, в основном, помещая блок в блок, где их соответствующие размеры полностью неизвестны.

Я использовал JavaScript для вычисления их во время выполнения, учитывая, что только JavaScript может смотреть в DOM во время выполнения и вычислять это.

1 Ответ

0 голосов
/ 10 декабря 2010

@ Шейн,

CSS3 представил модель Flexible box, возможно, вы можете использовать ее в зависимости от аудитории вашего сайта ...

Таким образом, чтобы вертикальные и горизонтальные центральные элементы уровня блока в элементе body, вам просто нужно написать это объявление CSS: 

body {
  display: box;
  box-orient: horizontal;
  /* horizontally centered */
  box-pack: center;
  /* vertically centered */
  box-align: center;
  width: 100%;
  height : 100%;
}

http://hacks.mozilla.org/2010/04/the-css-3-flexible-box-model/

...