gpt4 book ai didi

css - cfdocumentitem 页脚未正确显示

转载 作者:行者123 更新时间:2023-11-28 12:15:52 25 4
gpt4 key购买 nike

我正在创建一个 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>

enter image description here

我无法让橙色主体拉伸(stretch)到整个页面,这意味着橙色部分显示如上。也没有呈现我指定的字体大小。这是我的风格。关于这里有什么问题的任何想法?

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

.testone{align-content:stretch}

最佳答案

尝试以下更改:

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

现在您的代码应该是这样的(请注意,我已将 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>

关于css - cfdocumentitem 页脚未正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22665830/

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