Como posso organizar as imagens em uma grade?

Question

Estou tentando produzir folhas de fotografias com legendas organizadas em grade usando XSLT e XSL-FO.Os URLs e legendas das fotos são produzidos usando uma consulta FOR XML em um banco de dados SQL Server, e o número de fotos retornadas varia de planilha para planilha.Quero organizar as fotos em quatro colunas, preenchendo a grade da esquerda para a direita e de cima para baixo.Em HTML eu faria isso colocando cada foto e legenda em uma div e usando "float:esquerda" para fazê-los fluir para a grade.Existe um método igualmente elegante usando XSL-FO?

Answer 1

Para manter a vida simples, eu normalmente configuraria uma mesa para isso, é bastante simples e garantirá que as coisas fiquem bem organizadas.Se você quiser fazer isso de maneira semelhante a como faria em HTML, você deveria fazer o layout dos elementos do contêiner de bloco.

Independentemente de como você decidir fazer isso, eu sempre recomendaria usar o Referência ZVON site.Boa pesquisa de elementos e atributos disponíveis e, embora seu XSL-FO não inclua muita explicação, cada página tem links diretos para o documento de padrões.

Answer 2

No final usei uma tabela com uma linha e quatro células para isso.Em cada um selecionei os elementos de origem com position() mod 4 igual a 0, 1, 2 ou 3 conforme apropriado, e então me certifiquei de que a foto e a legenda tivessem sempre a mesma altura para que as linhas estivessem alinhadas corretamente.