当前在线人数15656
首页 - 分类讨论区 - 电脑网络 - 网站建设版 - 同主题阅读文章

此篇文章共收到打赏
0

  • 10
  • 20
  • 50
  • 100
您目前伪币余额:0
未名交友
[更多]
[更多]
请教用CSS显示,打印footer在页面下方
[版面:网站建设][首篇作者:xyliu] , 2016年08月03日14:35:39 ,213次阅读,0次回复
来APP回复,赚取更多伪币 关注本站公众号:
[分页:1 ]
xyliu
进入未名形象秀
我的博客
[回复] [回信给作者] [本篇全文] [本讨论区] [修改] [删除] [转寄] [转贴] [收藏] [举报] [ 1 ]

发信人: xyliu (一天到晚喝水的鱼), 信区: BuildingWeb
标  题: 请教用CSS显示,打印footer在页面下方
发信站: BBS 未名空间站 (Wed Aug  3 14:35:39 2016, 美东)

对CSS略知皮毛;手上的project需要摘取XML的内容变成PDF报告。思路是用CSS排版
HTML,再转成PDF。

其他磕磕巴巴的都弄的差不多了,就有一个Disclaimer,需要在browser里显示在屏幕
的下方,打印时在第一页的最下面。我把这一段放在 <div id="footer"
>里,然后CSS
里是:

#footer{
  width: 750px;
  background-color: white;
  position: fixed;
  clear: both;
  bottom: 0;
  left:0
}
@page:first{
  #footer {
    display:block;
  }
}

这样disclaimer总在显示在屏幕的下方。但是有几个问题:
1. 在browser里disclaimer/footer会挡住内容
2. 打印时每一页都有disclaimer,而且会盖住内容。

觉得我对position 和 @page 还是没弄清楚。请帮帮忙。多谢!

--
※ 修改:·xyliu 於 Aug  3 14:36:25 2016 修改本文·[FROM: 45.]
※ 来源:· 未名空间站 网址:mitbbs.com 移动:在应用商店搜索未名空间·[FROM: 45.]

 
[分页:1 ]
[快速返回] [ 进入网站建设讨论区] [返回顶部]
回复文章
标题:
内 容:

未名交友
将您的链接放在这儿

友情链接


 

Site Map - Contact Us - Terms and Conditions - Privacy Policy

版权所有,未名空间(mitbbs.com),since 1996