Fatal编程技术网
  • html/
  • Html 如何在打印时设置tfoot页脚的样式，以便最后出现的页脚位于页面底部

Html 如何在打印时设置tfoot页脚的样式，以便最后出现的页脚位于页面底部

html css

Html 如何在打印时设置tfoot页脚的样式，以便最后出现的页脚位于页面底部,html,css,footer,Html,Css,Footer,我正在使用一个CRM应用程序，它基于htmls创建pdf文档。 作为文档的一部分，我需要使用页眉和页脚，无论页面大小，页眉和页脚都将放置在每页的顶部和底部。 页眉和页脚正常工作，最后一页除外。 页脚放在文本的末尾，而不是页面的末尾 我试着使用最后一个孩子，最后一个类型，但它不起作用。 即使是填充和边距也不起作用——好吧，它改变了所有的页脚。 我怎样才能只够到最后一个 为了简化测试，我尝试只更改最后一次出现的页脚的文本颜色。 我怎么做 这是我的密码： <div> <style&g

我正在使用一个CRM应用程序，它基于htmls创建pdf文档。 作为文档的一部分，我需要使用页眉和页脚，无论页面大小，页眉和页脚都将放置在每页的顶部和底部。 页眉和页脚正常工作，最后一页除外。 页脚放在文本的末尾，而不是页面的末尾

我试着使用最后一个孩子，最后一个类型，但它不起作用。 即使是填充和边距也不起作用——好吧，它改变了所有的页脚。 我怎样才能只够到最后一个

为了简化测试，我尝试只更改最后一次出现的页脚的文本颜色。 我怎么做

这是我的密码：

<div>
<style>
.raz {
 color:green;
}

tfoot.row2 {
color:red;
}

</style>
</div>

<body>
<div style="margin-right: 1.84cm;margin-left: 2cm;width: 21cm; direction:rtl">
<table style="border:none;" class="raz">
    <thead align="left" style="display: table-header-group">
        <tr>
            <th>
            <table style="border-bottom: 1px solid Black; margin-top: 5px; margin-bottom: 20px; width: 100%">
                <tbody>
                

<tr>
                        <td style="vertical-align: middle; font-family: Times New Roman; font-size: 20px;color: Navy">
                        <div style="float: right">abcdefg</div>
                        </td>
                        <td style="width: 50px; vertical-align: middle"><img alt="Logo Image" src="https://xxxxxxxxxxxx/logo.png" style="width: 120px; border: 0px; " /></td>
                    </tr>
                </tbody>
            </table>
            </th>
        </tr>
    </thead>

<tfoot class="row2">

            <tr>
              
                <td>
                <div class="row" style="text-align:center;padding-top:1cm;margin-bottom:1cm;">
                <span style="font-family:tahoma,geneva,sans-serif;font-size:16px;">This is the footer<br />
                This is the second line of the footer</span></div>
                </td>
             
            </tr>

    </tfoot>
<!-- table body -->
<tbody>
    <!--<div style="height:27.5cm;">-->
    <tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr>
    <tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr><tr><td>raz rosman is gever gever</td></tr>
    
</tbody>    
</table>
</div>
</body>


拉兹先生{
颜色：绿色；
}
tfoot.row2{
颜色：红色；
}
abcdefg
这是页脚

这是页脚的第二行
拉兹·罗斯曼是格弗·格弗
拉兹·罗斯曼是格弗·格弗
拉兹·罗斯曼是格弗·格弗
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
你不能只为你想要的东西使用tfoot。因此，您应该更改源代码，如下所示：

.raz{
颜色：绿色；
}
tfoot.row2{
颜色：红色；
}
@媒体印刷品{
#间隔符{高度：2em；}/*页脚高度+多一点*/
#页脚{
位置：固定；
底部：0；
}
}

abcdefg
拉兹·罗斯曼是格弗·格弗
拉兹·罗斯曼是格弗·格弗
拉兹·罗斯曼是格弗·格弗
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
raz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever geverraz rosman是gever gever
这是页脚

这是页脚的第二行
嗨，它不工作了。我尝试使用与您相同的代码，但仍然得到最后一页中页脚靠近文本而不是页面末尾的结果。有什么建议吗？谢谢