gpt4 book ai didi

image - 内容 : url ('image.png' ) in flying saucer @page @top-left

转载 作者:行者123 更新时间:2023-11-28 12:41:46 26 4
gpt4 key购买 nike

Flying Saucer 支持CSS3放图片吗margin-boxes

我试过类似的东西

@page {
@top-left {
content: url('/resources/media/image.png');
}
}

但这似乎行不通。有什么解决方案可以将图像放在我想要的位置吗?

最佳答案

可以将图片设置为div的背景,并将div放在左上边距。

这是一个示例:

<html>
<head>
<style>
@page {
@top-left {content: element(top-left)}
}
#div-top-left {
position: running(top-left);
height:50px;width:50px;
background-image: url('http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png');
}
</style>
</head>
<body>
<div id="div-top-left"></div>
</body>
</html>

关于image - 内容 : url ('image.png' ) in flying saucer @page @top-left,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26370783/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com