【CSS 】PDF出力時に困ったこと【メモ】

• PDF出力時に、display: flexが機能しない

解決方法

display: -webkit-box // ←これが必要
display: flex;

• PDF出力時に、transformが機能しない

解決方法

transform: rotate(15deg); // ✖️
-webkit-transform: rotate(15deg); // ○

• PDF出力時に、要素の途中で改ページが行われる(添付画像参照)

解決方法

page-break-inside: avoid