2

我正在创建一个 cfdocument。我有一个页脚，如下所示

    <cfdocumentitem type="footer" >

<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="##FF6F00" >

<td align="right" style="font-size:10px">
 <font color="##FFFFFF">   &copy; AT&T Intellectual Property. All rights reserved.<br>AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.</font>    
</td>
</table>
    </cfdocumentitem>

在此处输入图像描述

我无法让橙色主体伸展到整个页面，这意味着橙色部分正如上所示。我指定的字体大小也没有被渲染。这是我的风格。关于这里有什么问题的任何想法？

.test{
    color:#FFFFFF;
    font-family:verdana;
    font-size:4px
}

.testone{align-content:stretch}
4

2 回答 2

1

尝试以下更改：

  • 将<cfdocument>标签中的左边距、右边距和上边距设置为 0，将下边距设置为页脚的高度
  • 确保文档的主要部分有<body>标签
  • <style>在标签上方添加<body>标签并指定主体边距，例如2cm
  • 现在将您的页脚表包装在<body>标签中
  • 在页脚内<style>的此正文标记上方添加一个标记
  • 将正文边距和内边距设置为 0
  • 将表格高度设置为您的cfdocument marginBottom值

这是您的代码现在应该是什么样子（注意，我已将 cm 指定为我的单位）：

<cfdocument format="pdf" marginBottom="1" marginLeft="0" marginRight="0" marginTop="0" unit="cm">
    <style type="text/css">
        body{ margin:2cm; }
    </style>
    <body>
        <p>Page content</p>
    </body>
    <cfdocumentitem type="footer">
        <style type="text/css">
            body{ margin:0; padding:0; }
            table{ height:1cm; };
        </style>
        <body>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FF6F00" >
                <td align="right" style="font-size:10px">
                    <font color="#FFFFFF">
                        &copy; AT&T Intellectual Property. All rights reserved.
                        <br>AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
                    </font> 
                </td>
            </table>
        </body>
    </cfdocumentitem>
</cfdocument>
于 2014-03-29T09:11:46.533 回答
0

要设置类的样式，您需要.在属性之前添加 a。

.test{
    color:#FFFFFF;
    font-family:verdana;
    font-size:4px;
}

.testone{align-content:stretch;}

cfdocumentitem还要确保body100% 宽度。

于 2014-03-26T15:41:42.233 回答