在 div 中打印 div答案

【问题标题】：Print a div inside a div在 div 中打印 div
【发布时间】：2011-02-11 22:44:18
【问题描述】：

我有一个 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

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

【问题讨论】：

提供的链接似乎有误

标签： css printing html

【解决方案1】：

只需添加一个

page-break-inside: auto;

它应该可以工作。由于我不了解完整的 DOM，因此我暂时无法在这方面为您提供更多帮助。希望对您有所帮助。

【讨论】：