2

それぞれが独自の ID を持ち、それぞれを新しいシートに配置する大きなテーブルの素敵な印刷物を作成したいと考えています。スタイルシートの各テーブル ID に CSS スタイルの page-break-before を直接適用しました。

このようなHTML：

<table id="T1">...</table>
<table id="T2">...</table>

このようなCSS：

#div1 #div2 #T1, #div1 #div2 #T2, ... {diplay: inline; page-break-before: always;}

また、これは Chromium では機能しません。Firefox では、最初の要素に改ページを配置するだけで、次のテーブル要素は無視されます。firebug の最上位プロパティとして、スタイルは「高度に選択」されています。

「display: inline;」を入れました。改ページプロパティは絶対配置要素では機能しないことを読んだときのプロパティなので、ブロック表示にも疑問がありました...

自分が何を間違えたのか、さっぱり分からない……。

4

1 に答える 1

0

このリンクによると：

https://developer.mozilla.org/en-US/docs/CSS/page-break-before

ブロック要素にのみ適用されます。したがってdisplay:block、表示値を使用するか、テーブルとしてレンダリングする自動のままにする必要があります（テーブルはブロック要素です）。position:absoluteとの混合が機能する場合、私は非常に驚かれることでしょpage-break-beforeう...絶対配置なしで試してみて、何が起こるかを確認することをお勧めします。

また、セレクターを非常に具体的にしている理由はありますか?

#div1 #div2 #T1, #div1 #div2 #T2, ...

そこにエラーがないことを確認するために、おそらく使用するのが最善です：

#T1, #T2, ... {}

結局、ID は一意でなければなりません。

別の注意として、上記のリンクは使用しようとしていると述べていますbreak-before...これを試してみて、役立つかどうかを確認できますか?

于 2012-09-25T22:15:16.257 に答える