Задать вопрос

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

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

Хочется, чтобы при любом размере страницы блок плиток был по центру (при этом сами плитки выровнены по левому краю).
Можете что-то подсказать?
  • Вопрос задан
  • 14608 просмотров
Подписаться 13 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 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
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы