プリント用CSSで改行を操作する。
●letter-spacing
が悪さして改行がずれるときがある。
letter-spacing:0;
で初期化する。
●br
brで改行を操作しているときは
br {
display:none;
}
で消してしまおう。
印刷のときに特別な改行が必要なときは
<br class="web">
<br class="print">
などとしてbrを適宜、表示、非表示させよう。
プリントCSSに
br.web{
display:none;
}
br.print{
display:inline;
}
デフォルトで使うCSSには
br.print{
display:none;
}
br.web{
display:inline;
}
で印刷用のbrを消しておけばいい。
これで印刷とWEBで異なる改行ができるようになった。