Как выровнять элементы в блоке точно по середине?

Question

[Ilya Bobkov]

Есть набор элементов: input'ы, images'ы и т.д. и их нужно выравнить точно по центру блока. т.е.
горизонтально и вертикально. Как это сделать не могу всё понять?

Answer 1

[IceJOKER]

Все эти элементы вставляете в один div и далее:

div.wrapper{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

Answer 2

[Ленар Фаттахов]

Неплохая статья
learn.javascript.ru/css-center

Comments

[Ilya Bobkov]

отлично!

Answer 3

[podust]

Centering things.
В основном это следующие свойства в CSS:
text-align: center
vertical-align: middle
А также margin-left: auto; и margin-right: auto;

Все зависит от конкретной ситуации.

Answer 4

[GreatRash]

Если вас интересуют только новые браузеры, то можно просто начать юзать flex-box :)

Answer 5

[Nikbes]

Это то что Вам нужно.

Answer 6

[Сергей Иванов]

Не знаю как поможет или нет. Может это уже строе слишком решение.

jsfiddle.net/7gr357w9/1

Comments

[Ilya Bobkov]

таблицы конечно норм, но мне блочная вёрстка нужна, тхэнкс