Как выровнить блок по высоте и ширине экрана?

Question

[Bazhenovdev]

Как выровнить блок по высоте и ширине экрана?

Answer 1

[Павел Воронюк]

Смотря как вы хотите выровнять блок... Если вы имеете ввиду горизонтальное и вертикальное позиционирование, то
codepen.io/anon/pen/wGoxGo

Comments

[Bazhenovdev]

Это flexbox вёрстка да?

[Павел Воронюк]

Bazhenovdev: да

[Павел Воронюк]

Bazhenovdev: можно конечно в моем примере в боди оставить только дисплей:флекс и в блоке прописать марджин: авто - тоже будет правильно.

[Bazhenovdev]

Павел Воронюк: Спасибо это помогло)

Answer 2

[Богдан Герасименко]

Просто растянуть блок на весь экран:
#block {height:100%;width:100%;}
Но, чтобы он реально занимал весь экран нужно либо для body и html указать {height:100%;width:100%;}, либо:

#block {height:100%;width:100%;position:absolute;top:0;left:0;z-index:99999;}

Comments

[Bazhenovdev]

Неее, выровнить блок по высоте и ширине. Тоесть что бы он был четко по центру экрана.

[Алмаз Бисенбаев]

Bazhenovdev: margin: auto;

Answer 3

[bro-dev]

есть 2 варианта, если заранее известна высота то просто указать

position: absolute;
  height: 100px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;

Но если не известно то самый универсальный безбаговый это обернуть все в таблицу с 1 ячейкой, или в дивы с нужным дисплеем.