그리드에 이미지를 배치하려면 어떻게 해야 하나요?

Question

XSLT 및 XSL-FO를 사용하여 격자무늬로 정렬된 캡션이 있는 사진 시트를 생성하려고 합니다.사진 URL과 캡션은 SQL Server 데이터베이스에 대한 FOR XML 쿼리를 사용하여 생성되며, 반환되는 사진 수는 시트마다 다릅니다.왼쪽에서 오른쪽으로, 위에서 아래로 격자를 채우면서 사진을 4개의 열로 배치하고 싶습니다.HTML에서는 각 사진과 캡션을 div에 넣고 "float:왼쪽"을 선택하여 그리드로 흐르게 합니다.XSL-FO를 사용하는 비슷한 우아한 방법이 있습니까?

Answer 1

삶을 단순하게 유지하기 위해 나는 일반적으로 이를 위한 테이블을 설정합니다. 그것은 매우 간단하며 모든 것이 올바르게 배치되도록 보장합니다.HTML에서 수행하는 것과 유사하게 수행하려면 블록 컨테이너 요소를 레이아웃해야 합니다.

그러나 당신이 그것을 하기로 결정했다면 나는 항상 다음을 사용하는 것을 추천할 것입니다. ZVON 참조 대지.요소 및 사용 가능한 속성에 대한 멋진 검색이 가능하며 XSL-FO에는 표준 문서에 대한 모든 페이지 딥 링크에 대한 설명이 많이 포함되어 있지 않습니다.

Answer 2

결국 나는 이를 위해 1개의 행과 4개의 셀이 있는 테이블을 사용했습니다.각각에서 position() mod 4가 0, 1, 2 또는 3인 소스 요소를 적절하게 선택한 다음 사진과 캡션이 항상 같은 높이인지 확인하여 행이 올바르게 정렬되도록 했습니다.