2011-02-11 105 views
1

我有一个print.css文件。我有点想出如何获得我想要打印的div来显示一切不显示。我遇到的问题是当我去打印预览时,当有多个页面要打印时,我似乎缺少一些行。这是我的print.css文件:在div中打印div

/* Remove unwanted elements */ 
#map_canvas, #nav, #wb_header, #wb_outline, #wb_navoutline, #wb_Image1, #wb_Text2, #wb_Image2, #wb_Text1, #wb_Text3, #wb_Text4, #wb_Text5, #wb_Text6, #wb_Text7, #wb_Text8, #wb_Text9, #wb_Text10, #wb_Text11, #wb_Text12, #wb_Text13, #wb_Text14, #wb_home, #wb_why, #wb_jail, #wb_faq, #wb_test, #wb_contact, #wb_footer, #wb_district, #wb_municipal, #wb_scroller, #wb_headerimage, #wb_navImage, #firstHeading, #content, #bodyContent, 
#pic.hidden, #siteNotice, #wb_main_text, #poll, #wb_bottom_text { display: none !important; } 

/* Ensure the content spans the full width */ 
#directionsPanel{ 
    position:absolute; 
    top:-120px; 
    width:100%; 
    left:80px; 
    float:none; 
    font-size:14px; 
    overflow:visible; 
} 

/* Change text color to black (useful for light text on a dark background) */ 
.lighttext{ 
    color: #000000 
} 

这是我想要打印的页面的链接。这只是一个测试网站: Google Driving Directions

输入开始位置,然后点击获取路线。然后去打印预览,并看看我在说什么。不知道我是否在打印视图中将页边距设置错误,或者不尝试更改它们,但无济于事。

+0

提供的链接似乎是错误的 – Moak 2011-12-08 07:36:52

回答

0

只需添加一个

page-break-inside: auto; 

,它应该工作。由于我不知道完整的DOM,现在我无法帮助您更多地了解这个DOM。希望它有帮助。