定義されていないdivのCSS "page-break-after"

Question

私はさまざまなウィジェットを作成する検索エンジンを持っています（それぞれ独自のdivにあります）。

私たちが結果ページを印刷するとき、ウィジェットはページ区切りで途中で切り取ることができ、私は各ウィジェットがページ内にあり、改ページで切り取られないようにしたいと思います。

我々は試してみました：

@media print { 
    .widget {page-break-after: always;} 
} 

をそして、それは私たちが望むものではない別のページ、各ウィジェットのすべてをカット。改行が必要な場合にのみ発生するようにします。 明らかに、特定のウィジェットのページ区切りを作成する必要はありません。なぜなら、どのウィジェットを切り詰める必要があるのか​​わからないからです。

また試してみました：

@media print { 
    .widget {page-break-after: avoid;} 
} 

をそしてそれはまた、うまくいきませんでした。 提案がありますか？

.widget { 
    page-break-inside: avoid; 
} 

次のいずれかにページを下にまたがるあなたのウィジェットのいずれかをプッシュします：あなたが使用したい、それの音から

Answer 1

。