Wie kann ich Bilder in einem Raster anordnen?

Question

Ich versuche, mithilfe von XSLT und XSL-FO Fotobögen mit in einem Raster angeordneten Bildunterschriften zu erstellen.Die Foto-URLs und Bildunterschriften werden mithilfe einer FOR-XML-Abfrage an eine SQL Server-Datenbank erstellt, und die Anzahl der zurückgegebenen Fotos variiert von Blatt zu Blatt.Ich möchte die Fotos in vier Spalten anordnen und das Raster von links nach rechts und von oben nach unten füllen.In HTML würde ich dies tun, indem ich jedes Foto und jede Bildunterschrift in ein Div füge und „float:“ verwende.links", damit sie in das Raster fließen.Gibt es eine ähnlich elegante Methode mit XSL-FO?

Answer 1

Um das Leben einfach zu halten, ich würde normalerweise ein Setup-Tabelle für diese, es ist ganz einfach und wird dafür sorgen, dass die Dinge richtig angelegt. Wenn Sie wollten es ähnlich tun, wie Sie es in HTML tun würden, dann sollten Sie Block-Container-Elemente Layout.

auch immer Sie sich entscheiden, es zu tun, würde ich immer empfehlen die ZVON Referenz mit Website. Nizza Nachschlag von Elementen und Attributen zur Verfügung, und während ihr XSL-FO nicht enthält viel im Weg der Erklärung jede Seite Deep-Links zu dem Standarddokument.

Answer 2

Am Ende habe ich eine Tabelle mit einer Zeile und vier Zellen für diese. In jedem ausgewählten I die Quellenelemente mit position () mod 4 = 0, 1, 2 oder 3 gegebenenfalls und dann dafür gesorgt, dass das Foto und Beschriftung war immer die gleiche Höhe, so dass die Zeilen richtig aufgereiht.