css - Print.cssを使用して、Webページからテーブルを印刷します

Question

Webページからテーブルを印刷しようとして問題が発生しました。表を印刷しようとすると、コンテンツとともにページの4分の1に縮小され、水平および垂直のスクロールバーが表示されます。

Webページに表示されるのと同じ方法でテーブルを印刷するにはどうすればよいですか。これについて役立つサイトやチュートリアルはありますか？

Answer 1

現在のprint.cssスタイルシートを投稿した場合は、このようなものをテーブル要素に追加してみてください。

/* Remove unwanted elements */
#header, #nav, .noprint
{
display: none;
}

/* Ensure the content spans the full width */
#container, #container2, #content
{
width: 100%; margin: 0; float: none; overflow: hidden;
}

http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtmlに示されているように