Question

我有一个print.css文件。我有点弄清楚如何获得我想要打印的div以显示其他未显示的内容。我遇到的问题是当我打印预览时，如果有多个页面要打印，我似乎缺少一些行。这是我的print.css文件：

/* 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

输入起始位置，然后单击获取路线。然后去打印预览，看看我在说什么。不确定我是否在打印视图中设置了边距或者没有尝试更改它们但没有用。

Answer 1

只需添加一个

page-break-inside: auto;

它应该有效。由于我不知道完整的DOM，我暂时无法帮助你解决这个问题。希望它有所帮助。

在div中打印div

1 个答案: