Question

我正在尝试调试生成的CSS文件。生成的CSS文件之一通过设置页面页边距以及页眉和页脚页边距为PDF生成准备每一页。在定义页面的CSS（在本例中为TOC页面）中，规则为：

@page procssv2contentssection {
    size: Letter portrait;
    margin-left: 1.9cm;
    margin-right: 1.9cm;
    margin-top: 1.9cm;
    margin-bottom: 1.27cm; 
    orphans: 4; widows:2;

    /* ContentsFooterODD */
    @bottom-left-corner {
        content: none;
        margin-bottom: 1.9cm;
        vertical-align: top;
        margin-top: -1.0099999999999997cm;
    }
    @bottom-left {
        content: element(BottomLeft);
        margin-bottom: 1.9cm;
        vertical-align: top;
        margin-top: -1.0099999999999997cm;
        border-top:    0.50pt solid #010101;
    }
    @bottom-center {
        content: element(BottomCenter);
        margin-bottom: 1.9cm;
        vertical-align: top;
        margin-top: -1.0099999999999997cm;
        border-top:    0.50pt solid #010101;
    }
    @bottom-right {
        content: element(BottomRight);
        margin-bottom: 1.9cm;
        vertical-align: top;
        margin-top: -1.0099999999999997cm;
        border-top:    0.50pt solid #010101;
    }
    @bottom-right-corner {
        content: none;
        margin-bottom: 1.9cm;
        vertical-align: top;
        margin-top: -1.0099999999999997cm;
    }
}

填充此页面的

ul和li元素超出了底部页边空白，并覆盖了页脚。（他们的样式规则在另一个CSS文件中。）令人讨厌的li项是：

<li class="h4 proceduretopic_onesite_">
                      <a class="title" href="#H129976">Resending an Invite</a>
                      <a class="pagenumber" href="#H129976"></a>
                    </li>

a的规则是：

.tableofcontents .h4  a {
    color: black;
    font-weight: normal;
    font: 10.5pt segoeui;
    widows: 2; orphans: 2;
}

此li元素的样式规则为：

ul.toc > li.h4 {
    margin-top: 3pt;
}

最后两个列表项覆盖页脚信息，然后继续下一页。页面布局的CSS与其他页面保持一致，并且流文本很好。

有人可以建议我解决此问题的方法吗？

谢谢

俄罗斯

为什么我的列表和列表项与@page定义的边距重叠？

0 个答案: