プリント用CSSで改行を操作する。

プリント用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で異なる改行ができるようになった。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA