Wie kann ich Bilder in einem Raster auslegen?

Question

Ich versuche, Fotos mit Bildunterschriften zu erstellen, die mit XSLT und XSL-FO in einem Raster angeordnet sind. Die Foto-URLs und -Befragungen werden mit einer FOR XML-Abfrage für eine SQL Server-Datenbank erstellt. Die Anzahl der zurückgegebenen Fotos variiert von Blatt zu Blatt. Ich möchte die Fotos in vier Spalten auslegen und das Raster von links nach rechts und von oben nach unten ausfüllen. In HTML würde ich das tun, indem ich jedes Foto und jede Bildunterschrift in ein div lege und "float: left" benutze, um sie in das Gitter zu fließen. Gibt es eine ähnlich elegante Methode mit XSL-FO?

Answer 1

Um das Leben einfach zu halten, würde ich normalerweise eine Tabelle dafür einrichten, es ist ziemlich einfach und wird sicherstellen, dass die Dinge richtig ausgelegt werden. Wenn Sie es ähnlich wie in HTML machen möchten, sollten Sie Block-Container-Elemente erstellen.

Wie auch immer Sie sich entscheiden, ich würde immer empfehlen, die ZVON Reference Website zu verwenden. Nettes Nachschlagen von Elementen und verfügbaren Attributen, und während ihr XSL-FO nicht viel in der Art der Erklärung enthält, ist jede Seite tief mit dem Standarddokument verbunden.

Answer 2

Am Ende habe ich eine Tabelle mit einer Zeile und vier Zellen dafür verwendet. In jedem wählte ich die Quellelemente mit position() mod 4 gleich 0, 1, 2 oder 3 und stellte dann sicher, dass das Foto und die Beschriftung immer die gleiche Höhe hatten, damit die Reihen richtig aufgereiht wurden.