Как я могу выложить изображения в сетке?

Question

Я пытаюсь создать листы фотографий с надписями, расположенными в сетке, используя XSLT и XSL-FO. URL-адреса и подписи к фотографиям создаются с использованием запроса FOR XML к базе данных SQL Server, а количество возвращаемых фотографий варьируется от листа к листу. Я хочу выложить фотографии в четыре столбца, заполняя сетку слева направо и сверху вниз. В HTML я бы сделал это, поместив каждую фотографию и подпись в div и используя «float: left», чтобы они попали в сетку. Есть ли такой же элегантный метод с использованием XSL-FO?

Answer 1

Чтобы упростить жизнь, я обычно настраивал для этого таблицу, она довольно проста и гарантирует, что все выстроено правильно. Если вы хотите сделать это аналогично тому, как вы это делаете в HTML, то вам следует расположить элементы блок-контейнера.

Однако, если вы решите это сделать, я всегда рекомендую использовать сайт ZVON Reference . Хороший поиск элементов и доступных атрибутов, и хотя их XSL-FO не содержит много способов объяснения, каждая страница содержит глубокие ссылки на документ стандартов.

Answer 2

В конце я использовал для этого таблицу с одной строкой и четырьмя ячейками. В каждом из них я выбрал исходные элементы с position () mod 4, равным 0, 1, 2 или 3, в зависимости от ситуации, а затем убедился, что фотография и заголовок всегда были одинаковой высоты, чтобы строки были выстроены правильно.