pre要素の中身ってはみ出して全部印刷できないじゃん→各ブラウザのデフォルトスタイルはpre要素に対し空白文字は改行入れず記述のまま表示する指定→各ブラウザ用に自動で改行するという指定をしてあげる。

印刷
CSS

picnicgraphic のブックマーク 2007/11/20 02:07

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/6540476/comment/picnicgraphic" data-user-id="picnicgraphic" data-entry-url="https://b.hatena.ne.jp/entry/s/hyper-text.org/archives/2007/11/pre_print_css/" data-original-href="https://hyper-text.org/archives/2007/11/pre_print_css/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhyper-text.org%2Farchives%2F2007%2F11%2Fpre_print_css%2F" data-user-icon="/users/picnicgraphic/profile.png">pre 要素に対する印刷用 CSS</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E5%8D%B0%E5%88%B7">印刷</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/CSS">CSS</a>]</li></ul><br><p style="clear: left">pre要素の中身ってはみ出して全部印刷できないじゃん→各ブラウザのデフォルトスタイルはpre要素に対し空白文字は改行入れず記述のまま表示する指定→各ブラウザ用に自動で改行するという指定をしてあげる。</p><a class="datetime" href="https://b.hatena.ne.jp/picnicgraphic/20071120#bookmark-6540476"><span class="datetime-body">2007/11/20 02:07</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！