0

Внутри див-блока разположены несколько дивов. Как их разместить по центру в одну строку? Заранее количество дивов неизвестно. Они могут добавляться или удаляться в админке.

1 ответ 1

2

Вот так: http://jsfiddle.net/4jA4X/

6
  • 1
    Еще контейнеру можно добавить white-space: nowrap; чтобы айтемы при нехватки места не переносились на новую строку. Пробелы, которые образуются между инлайн-блоками, как между словами, можно убить такими способами: css-tricks.com/fighting-the-space-between-inline-block-elements Очень полезно прочитать статью habrahabr.ru/post/117109 для понимания инлайн-блоков.
    – Cypher
    1 авг 2013 в 9:51
  • Я насколько понимаю, display: inline-block IE не понимается? До версии 8.
    – Frontender
    1 авг 2013 в 10:13
  • Не понимаются. Мои соболезнования, если заказчик требует поддержку этого браузера.
    – fori1ton
    1 авг 2013 в 10:16
  • Присоединяюсь к собалезнованиям :) Но инлайн-блок можно заставить работать в ie6 ie7. Ознакомьтесь со статьей на хабре в предыдущем комментарии.
    – Cypher
    1 авг 2013 в 10:28
  • Да нет, заказчик ничего не требует. Это я для себя делаю.
    – Frontender
    1 авг 2013 в 10:29

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.