Css 底部带有部分水平线的页脚
我正在使用印刷书籍(出版一本书)。在CSS中,我试图将脚注上方的一行从整行变成部分行 我的CSS技能有限,所以我没能做太多Css 底部带有部分水平线的页脚,css,footer,Css,Footer,我正在使用印刷书籍(出版一本书)。在CSS中,我试图将脚注上方的一行从整行变成部分行 我的CSS技能有限,所以我没能做太多 .footnote { padding-left: 0; margin-left: 0; font-family: 'Lora', serif; font-size: 0.8888888889rem; font-weight: normal; font-style: normal; letter-spacing: normal;
.footnote {
padding-left: 0;
margin-left: 0;
font-family: 'Lora', serif;
font-size: 0.8888888889rem;
font-weight: normal;
font-style: normal;
letter-spacing: normal;
word-spacing: normal;
color: initial;
line-height: 1.5555555556em;
text-align: left;
text-indent: 0;
text-transform: none;
counter-increment: footnote;
footnote-style-position: outside; }
.endnote::footnote-call, .footnote::footnote-call {
font-size: 0.8em;
line-height: 0.5em;
vertical-align: top; }
p {
prince-footnote-policy: keep-with-line; }
@page {
@footnotes {
border-top: 1px solid #aaa;
margin-bottom: 10px;
margin-top: 10px;
padding-bottom: 0.3em;
padding-top: 0.3em; } }
我希望正文和脚注之间有一条部分线,但这是一条完整的线。有什么建议吗?尝试使用
边框剪辑
:
@page{
@脚注{
边框顶部:1px实心#aaa;
边框夹:3英寸;
填充:0.3em0;
利润率:10px0;
}
}
看起来Prince不支持边框剪辑的百分比值。看
下面是上面截图的完整代码示例
.脚注{
显示:脚注;
字体系列:“Lora”,衬线;
字体大小:0.8888889REM;
字体大小:正常;
字体风格:普通;
字母间距:正常;
字距:正常;
颜色:首字母;
线高:1.5556em;
文本对齐:左对齐;
文本缩进:0;
文本转换:无;
反增量:脚注;
脚注样式位置:外侧;
}
@页面{
@脚注{
边框顶部:1px实心#aaa;
边框夹:3英寸;
填充:0.3em0;
利润率:10px0;
}
}
这是一个页面标题
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
这是我的脚注。
欢迎使用堆栈溢出!如果没有看到你的HTML或者更多的页脚CSS,我们真的无能为力。请阅读:字体大小:0.8888889REM代码>--这很奇怪。您是否考虑过测量单位px
?另外,prince footnote
不是display
@disin的有效值,谢谢!但实际上,我仍然不确定我还能提供什么,因为这似乎是脚注的全部内容。没有产生错误或问题的内容;我只是想了解我需要添加/删除哪些内容才能生成部分行。@Obsidian感谢您的提示!我们需要HTML。如果我们看不到,我们可以测试你有什么。在您的页面上查看源代码,并抓取.footnote
宾果!!谢谢你,乔纳森!!!从今往后,我会非常赞成使用“回形针”。:)