2008-09-10 81 views
2

我試圖製作帶有使用XSLT和XSL-FO排列在網格中的字幕的照片。使用針對SQL Server數據庫的FOR XML查詢生成照片URL和標題,並且返回的照片數量因表單而異。我想將照片分成四列,從左到右和從上到下填充網格。在HTML中,我會通過將每張照片和標題放入div並使用「float:left」使它們流入網格來實現此目的。使用XSL-FO有沒有類似的優雅方法?如何在網格中放置圖像?

回答

4

爲了保持簡單生活,我通常會爲此設置一張桌子,這非常簡單,並且可以確保事物的佈局正確。如果你想這樣做,你將如何在HTML中做到這一點,那麼你應該佈局塊容器元素。

但是,你決定這樣做,我總是建議使用ZVON Reference網站。對元素和可用屬性進行了很好的查找,儘管他們的XSL-FO並沒有在解釋每一頁的深層鏈接到標準文檔中包含很多內容。

0

最後,我用了一行和四個單元格的表格。在每一箇中,我都選擇了position()mod 4等於0,1,2或3的源元素,然後確保照片和標題總是相同的高度,以便行正確排列。