工商聚合收款码（工商聚合收款码怎么申请）

</div>

<div id="qrcode"></div>

</div>

</div>

</div>

When the window is resized, the image does not resize with it.

The image is not resizing with the window.

I have tried using:

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

To try and center it, but it's not working.

Any help would be much appreciated.

A:

Your #qrcode content is not a direct child of the #qrcode-wrapper, so the CSS you wrote won't work.

You can apply the transform property to the inner #qrcode div, and define a fixed width and height like so:

#qrcode-wrapper {

position: relative;

width: 100%;

height: 100%;

}

#qrcode {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

width: 150px;

height: 150px;

}

This way, it will be centered and won't resize along with the window size. If you would like to make it responsive, you can set the width and height in percentages.

要申请工商聚合收款码，首先需要先在工商银行网点办理“聚合支付”业务，确保账户开通了聚合支付业务，接着申请聚合收款码，在理财金融服务-聚合支付-聚合收款码上进行申请。申请成功后，会收到收款码，可以在聚合支付APP进行查询。

一般情况下，工商聚合收款码收取的手续费与其他支付方式相比较比较低，具体手续费要根据不同的行业、金额等因素而定，建议您可以前往工商聚合官方网站进行查阅。