イメージをグリッドにレイアウトするにはどうすればよいですか？

Question

私は、XSLTとXSL-FOを使用して、キャプションをグリッドに並べた写真のシートを作成しようとしています。写真のURLとキャプションは、SQL Serverデータベースに対するFOR XMLクエリを使用して生成され、返される写真の数は1枚ごとに異なります。私は左から右へ、そして上から下へグリッドを塗りつぶして4列に写真を並べていきたいと思います。 HTMLでは、私はそれぞれの写真とキャプションをdivに入れ、 "float：left"を使ってそれらをグリッドに流し込みます。 XSL-FOを使用する同様の優雅な方法がありますか？

Answer 1

人生をシンプルに保つために、私は通常このためにテーブルをセットアップします。それは非常に簡単で、物事が正しくレイアウトされることを保証します。 HTMLでやる方法と同様にしたい場合は、ブロックコンテナ要素をレイアウトする必要があります。

しかし、私はいつもZVON Referenceサイトを使用することをお勧めします。要素と利用可能な属性の見栄えがよく、XSL-FOには説明の方法がほとんど含まれていませんが、すべてのページで標準文書と深く関連しています。

Answer 2

最後に、私はこのために1行4セルのテーブルを使用しました。それぞれで、position（）mod 4が0,1,2、または3の適切なソース要素を選択し、写真とキャプションが常に同じ高さになっていることを確認して、行が正しく並んでいるようにしました。