如何使动态高度图像不重叠?

How to make dynamic-height-images not overlap?

我正在做类似下面的事情。根据 blockHeaderImgblockFooterImg 参数,两张图片都有 dynamic/variable 高度。

我想要的是让第二张图片从第一张结束的地方开始。 CSS 上的 display: block 之类的东西。

<summary>
    <band height="2">
        <image scaleImage="RealHeight" isUsingCache="true" onErrorType="Blank">
            <reportElement x="0" y="1" width="500" height="1" uuid="c0b2f2c0-6a77-11e6-8b77-86f30ca893d3" />
            <imageExpression><![CDATA[$P{blockHeaderImg}]]></imageExpression>
        </image>
        <image scaleImage="RealHeight" isUsingCache="true" onErrorType="Blank">
            <reportElement x="0" y="0" width="500" height="1" uuid="00045792-07db-11e7-93ae-92361f002671" />
            <imageExpression><![CDATA[$P{blockFooterImg}]]></imageExpression>
        </image>
    </band>
</summary>

如有任何帮助,我们将不胜感激。

P.S。我正在手动执行此操作,碧玉没有 IDE。

为 y=1 处的图像设置 positionType="Float"