DIV по размеру контента

Хочется сверстать следующую штуку. Есть блок не фиксированной ширины внутри которого размещены блоки поменьше (тайлы). При изменении окна тайлы должны переноситься, но главный блок должен всё так же оставаться на месте.
Сейчас это выглядит примерно следующим образом:
jsfiddle.net/XgErJ/59/

Хочется, чтобы при любом размере страницы блок плиток был по центру (при этом сами плитки выровнены по левому краю).
Можете что-то подсказать?
  • Вопрос задан
  • 14605 просмотров
Пригласить эксперта
Ответы на вопрос 4
CodeByZen
@CodeByZen
php, js, my/mssql, sqlite, html, css, it-consult
Добавьте правила
.top{ text-align:center; }
.title {text-align:left;}
Ответ написан
MTonly
@MTonly
Веб-разработчик с 2002 года
По всей видимости, подразумевается необходимость выравнивания по левому краю не содержимого каждой плитки, а самих плиток внутри центрированного блока? Тогда используйте дополнительный вложенный контейнер с display: table и margin: 0 auto (можно было бы задать display: table для существующего контейнера, но max-width не работает кроссбраузерно для табличных элементов).

См. jsfiddle.net/XgErJ/67/
Ответ написан
@Paulskit Автор вопроса
Так как начали спрашивать что же я хочу получить, показываю:
www.imagebam.com/image/5998f5231727570 (в галереи 2 изображения)
Также, набросал на WPF небольшую прогу — можно увидеть наглядно:
www.ex.ua/view_storage/768140618727
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SPIKS Санкт-Петербург
от 70 000 до 90 000 ₽
move2usajobs.com LLC Лос-Анджелес
от 2 000 до 4 000 $
PERX Нижний Новгород
До 50 000 ₽
04 окт. 2024, в 16:39
3000 руб./за проект
04 окт. 2024, в 16:34
20000 руб./за проект
04 окт. 2024, в 16:34
5000 руб./за проект