帳票印刷

管理画面で帳票の印刷で時間がかかるから HTML を書き直してほしい！

そんな要望が来たので調べながら印刷用 CSS 作りました

環境

• PHP-Laravel
• 使用しているライブラリは barryvdh/laravel-snappy

ということでまずは

https://github.com/barryvdh/laravel-snappy

・・・

・・・

とりあえずスタイル書いてみたら、横並びが変！

ああ、flex 使えないんだなーと

float で書き直したら良さげ！！

最近気に入っている tailwind で事足りた

特に魔法的な記述も必要なく、便利！！

ハマったポイント

• 背景がつかない

-webkit-print-color-adjust: exact;

の指定で解決

おわり

印刷系のスタイルって何かしらの制限とか考えてたけどそこまでなく、知ってる CSS で対応できた