Плитки с центром по HTML

#html #css

#HTML #css

Вопрос:

Я хотел бы создать горизонтальную линию плиток. В идеале я хотел бы что-то вроде этого:

http://jsfiddle.net/GolezTrol/BDb5K / найдено в другом сообщении GolezTrol.

Но по центру. У меня много проблем с центрированием элементов, и они не были исключением. Каков наилучший способ центрирования (и выделения пространства) подобной структуры?

РЕДАКТИРОВАТЬ: это то, что я хочу — http://i.imgur.com/5DIOk.png

1. Определите центрированный … Это относится к странице? родительский элемент? каждая строка? контейнер изображения?

2. по центру по горизонтали или по вертикали? и что центрирует текст или div или что …. может быть, нарисовать картинку в mspaint и опубликовать, что поможет нам понять. использование таблиц для компоновки обычно является хорошей идеей для центрирования материала.

3. вот так i.imgur.com/5DIOk.png

Ответ №1:

Одним из способов было бы придать #container элементу фиксированную ширину, а затем применить этот стиль:

 margin: 0 auto;

Это будет работать для выравнивания по горизонтали, если вам нужно выравнивание по вертикали, взгляните на эту страницу, на которой есть рабочий пример для большинства (если не для всех) браузеров.

1. 1 за то, что опередил меня в том же ответе. Я был занят возней : jsfiddle.net/BDb5K/10

2. похоже, это не сработало: S РЕДАКТИРОВАТЬ: Извините, я неправильно понял, это работает, спасибо!

3. Я добавил ссылку в ответ на случай, если вы также ищете вертикальное выравнивание

4. но как я могу распределить их таким образом?

5. Они будут естественным образом распределяться в зависимости от ширины, которую вы задаете #container элементу. Вы можете применить text-align:center; к #container div , чтобы центрировать содержимое в каждой «ячейке». Если вы не можете получить желаемый эффект довольно быстро, я бы действительно не стал биться головой о стену, просто используйте таблицы. Семантически вы можете утверждать, что сетка изображений, которые вы представляете, может легко быть таблицей содержимого, так что все будет в порядке.

Ответ №2:

Если у вас нет «религиозных» возражений против таблиц, они могут быть вашим лучшим решением.