Убрать поле между рядами переполненных встроенных элементов

Question

Я создаю игру на основе плиток и использую блочный рендеринг для обновления большого списка плиток. Я пытаюсь сделать это самым простым способом, поэтому я пытался работать с макетами HTML по умолчанию. Прямо сейчас я создаю 'inline-блоки', пропуская пробелы между элементами, чтобы избежать горизонтальных промежутков между ними, но когда блоки переполняются и создают новую линию, возникает некое вертикальное поле, в котором я не знаю, как удалить. 1001 *

Пример, чтобы сделать это немного понятнее: http://jsfiddle.net/mLa93/13/

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

Answer 1

Вместо использования display: inline-block, просто плавайте элементы div.

Затем вам просто нужно очистить поплавки на вашем элементе #container, что я и делаю, используя overflow: hidden;

Проверьте рабочий пример: http://jsfiddle.net/Ymz3m/

Answer 2

Чтобы ваш код был как можно ближе к тому, как он был:

http://jsfiddle.net/mLa93/20/

• Добавьте line-height: 0 к #container.
• Добавьте хаки, чтобы display: inline-block работал в IE7.

Answer 3

Использовать дисплей: блокировать и установить поплавок: слева. Смотрите эту вилку: http://jsfiddle.net/q5eSG/