导出 Confluence 时缩放标题页图像以适合整个页面 space

Question

我试图在 Confluence 中创建带有图像的标题页。我在 "PDF Space Export Title Page" 框中写了这段 HTML 代码：

<div class="fsTitlePage">
  <img src="/download/attachments/590719/titlepage.png" width:"100%" height:"100%" />
</div>

然后我在 PDF 样式表中定义了 fsTitlePage class:

.fsTitlePage
{
    page-break-after:always;
    padding:0px;
    height:100%;
    width: 100%;
}

问题是 titlepage.png 没有以完整尺寸显示在导出的 PDF 中。我怎样才能使它成为全尺寸？

Answer 1

以下内容适用于 Confluence 5.5。这将缩放提供的图像以完全适合指示的页面大小（在我下面的示例中为 8.5" x 11"，但您也可以使用其他大小以及 "cm" 和 "mm" 等单位）。

无论哪种情况，您都需要在使用前确保图片的比例正确。

我的主要更改是添加一个额外的 CSS 规则以将图像缩放到特定尺寸。我还修复了 HTML 中 img 元素中 width/height 属性的非法格式（尽管它似乎没有引起任何问题）。

<style type="text/css">
.fsTitlePage
{
    page-break-after:always;
    padding:0px;
    height:100%;
    width: 100%;
}

.fsTitlePage img
{
    width: 8.5in;
    height: 11in;
}
</style>

<div class="fsTitlePage">
 <img src="/download/attachments/590719/titlepage.png" width="100%" height="100%" />
</div>

导出 Confluence 时缩放标题页图像以适合整个页面 space

Scale title page image to fit entire page when exporting Confluence space

html

css

title

confluence

flying-saucer