Раньше делал список фотографий всегда в табличках, но не нравится при этом то, что превьюшки не всегда одинаковые по высоте и ширине и иногда получается остаётся много свободного места на страничке... Например, поменяли в конфиге стандартный размер превью и скрипт начал штамповать превьюшки 100px по большей стороне вместо бывших 200. Ну или глупый пользователь загрузил фотографию, у которой размеры оригинала 100 пикселей :-) Запрещать загружать такие картинки не хочу - ругаются. В общем идея простая - показывать фотографии вообще без таблицы, просто ставить им отступы (margin), чтобы не прикасались и вертикальное выравнивание делать по центральной линии (мне так кажется лучше выглядит), но в документ их вставлять просто одну за одной через пробелы. Без таблицы. Браузер сам автоматически рассчитает сколько их по ширине поместиться и в нужном месте перенесёт на новую строку. И всё бы хорошо и это работает, но вот нужно мне стало прикручивать к каждой картинке ещё и пару маленьких ссылок (удалить, например). Хочу их вставлять под картинкой. Начал вставлять их в div-ы, а сами дивы - через пробел, но это не работает, они друг под другом идут. Если использовать css-атрибут float, то тут тоже косяк - всё было бы хорошо, если бы размер всех div-ов по вертикали был одинаковый. Но он разный (зависит от размеров превью). И получается, что если после бОльшего по вертикали div-а идёт менее вытянутый, то под ним непременно встанет ещё один и получается бред. Следующая строка может быть наполовину или вообще полностью почти пустая. В общем пока не придумал решения, решил спросить, как можно заставить браузер относиться к div-ам (внутри которых картинка и текст) как, например, просто к картинкам или символам, чтобы он их ставил в ряд друг за другом - в строку? И чтобы их можно было выравнивать также по средней линии друг относительно друга в одном ряду (строке)?... Воть...
