Центрирование в зависимости от количества

[grifin85]

Приведствую, Вас!

Есть блок в котором отображаются кнокпи в 2 ряда по 5 в каждом. Возникла такая задача. В случае если кнопок менше или равно 5, они должны центроватся по центру, можно ли это реализовать на чистом CSS?

[Switch74]

да

[Int]

сделать им inline-block и text-align:center родителю? Вроде как-то так.

[grifin85]

Наверное надо более детально все описать

На страничке я юзаю Bootstrap 3.0. Страничка имеет шапку и подвал, по центру слайдер с кнопками внутри. которые я центрирую по вертикали и горизонтали с помощью таблилизированием.

По поводу inline-block, он не годиться так как контейнер имеет размер чуть больше размера двух кнопок.

Edited October 2, 2013 by grifin85

[Switch74]

хотелось бы увидеть это таблизирование

1. блок строгих размеров?

2. кнопки должны центрироваться и по вертикали и горизонтали?

не понятно почему вариант с inline-block не подходит, контейнер чуть больше двух кнопок по высоте или и по ширине?

поищите инфу по выравнивание inline-block по центру в блоке по горизонтали и вертикали, мне кажется оно подойдет

[grifin85]

хотелось бы увидеть это таблизирование

Это я придумал такое слово для display: table; и display: table-cell

блок строгих размеров?

Если вы имеете виду контейнер кнопок то нет он резиновый. Но если надо можно зафткстровать размер.

кнопки должны центрироваться и по вертикали и горизонтали?

Да

[Switch74]

хотелось бы увидеть это таблизирование

Это я придумал такое слово для display: table; и display: table-cell

А как он выглядит разбито ли там на ячейки для каждой кнопки или разделено только на ряды или колонки или вы создали одну ячейку для выравнивания всех кнопок?

Нужна ли вам эта таблица или ее можно заменить на простой блок?

[klierik]

Оформи, пожалуйста, тему соответствующе: Как правильно оформить вопрос/проблему