問題タブ [css-gcpm]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - CSS 3 で実行中の要素を配置する標準的な方法
CSS 3 でヘッダーとフッターを配置する正しい方法は何ですか? http://www.w3.org/TR/css3-gcpm/を読んでいますが、以下が実行中の要素の使用方法の正しい解釈であるかどうかを知りたいです。
実行中の要素には、ドキュメントの通常の「フロー」からシフトされるというプロパティがあり、ヘッダーとフッターにはそれが必要です。
それは私が達成しようとしている重要な部分であり、それ以外の場合は、セクションに名前を付けてページの余白内で使用できる文字列セット属性があります。サードパーティの実装がそれらをサポートしているかどうかも知りたいですか? いくつかのツールで同様のマークアップがあることは知っていますが、これが CSS の意図するものかどうか知りたいですか?
http://jsfiddle.net/VubtS/ - ただし、ページ付きメディア用であるため、もちろんブラウザでは表示されません。
CSS 3 にどれだけ準拠しているかを確認するために、いくつかの HTML-PDF 変換プログラムでこれを試していますが、明らかにこれをレンダリングするものはありません。私のマークアップは Css3 定義に従って正しいですか?
javascript - 印刷された HTML ページごとの脚注
CSS3 GCPM 仕様では、次のように定義されています。
レンダリング
文は単語で構成されています。¹
¹ ほとんどの場合。[(各)ページの最後に]
印刷時 (スクリーン メディア タイプでも機能しますが、印刷で機能する限り、私は満足しています)。
どんなに複雑であっても、これはまさに私がやりたいことですが、私が知る限り、この仕様や css-paging 仕様を実装している最新のブラウザーはありません。JavaScript を使用する場合、この効果を達成する方法はありますか。少なくとも、いくつかのライブラリを使用して pdf を生成することは可能ですが、可能であれば、html の機能 (float など) を失わないようにしたいと考えています。
ご参考までに、メモは
注記とは、本や文書のページの下部、または章、巻、またはテキスト全体の最後に配置される一連のテキストです。
そして脚注は
...ページの下部にあるメモ、巻末のメモは、章、巻、または作品全体の最後の別の見出しの下に集められます。
詳細については、wikipage on notes in typographyを参照してください。
解決策を探すことができる1つの可能な方向は、単一ページの高さを把握することです29.7cm
.26.1cm
コード:
といくつかの空<p>
の 's。この格差の説明(したがって、それを制御できるようにする)で十分な解決策だと思います。
html - CSS3ページメディアがどのブラウザでも機能しない
こんにちは、CSS3 ページ メディア モジュールを使用して、ブラウザーから直接 HTML コンテンツを PDF に出力しましたが、ブラウザーで動作させることができません。私の仕事は以下です。
私にとっては、どのブラウザでも機能しません。最新の Chrome、FF、Opera、Safari でテストしました。すべてのページにヘッダーとフッターを表示する必要があります。ヘッダーはすべてのページの上部に表示され、フッターはすべてのページの下部に表示されます。実際に機能するCSS3ページのメディアモジュール要素の実際の例を持っている人はいますか? また、ヘッダーとフッターの位置絶対または固定ソリューションを探していません。試してみましたが、単一ページ以外は機能しません。この質問のテキスト コンテンツを短縮しましたが、ヘッダーとフッターなしで複数のページを表示するために、複数ページのドキュメントを作成するためにコピー アンド ペーストすることができます。ヘッダーとフッターの div は一番上にとどまります。
html - CSS 印刷スタイルシートで生成されたコンテンツが表示されない
印刷スタイルシート用に CSS で生成されたコンテンツが表示されないという奇妙な問題が発生しています。印刷スタイルシートは印刷時に適用されますが、生成されたコンテンツは表示されません。
例:
h1 の赤いカラーリングは印刷に適用されますが、@top-center セレクターのコンテンツは表示されません。これを解決する方法についての指針を大いに感謝します。