🐥

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

2022/03/03に公開
  • PDF出力時に、display: flexが機能しない

解決方法
display: -webkit-box // ←これが必要
display: flex;
  • PDF出力時に、transformが機能しない

解決方法
transform: rotate(15deg); // ✖️
-webkit-transform: rotate(15deg); // ○
  • PDF出力時に、要素の途中で改ページが行われる(添付画像参照)

解決方法
page-break-inside: avoid

Discussion