問題タブ [css-counter]
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.
javascript - カスタム ページ カウンターが印刷プレビュー (Chrome) で機能しない
私は不明な行 (通常は 200 以上、すべての行は ng-repeat を使用して自動的に生成されます) を含むテーブルを印刷する必要がある AngularJS プロジェクトに取り組んでいます。ただし、総ページ数を数えて、右上隅のテーブル ヘッダーに「Page X of Y」という形式で表示する必要があります。
ページング、CSS カウンター (counter-reset、counter-increment など) に関連する多くの記事を読みました。それらはすべて、すべてのページで繰り返される要素を検出するという方法で機能します。私の場合、すべての行に同じクラスがあり、ページを数えて現在のページカウンターをインクリメントするのに役立つ一意の識別子はありません。
私が持っている現在の HTML は次のようなものです。
編集1:
プレビューは、ページングが既に含まれている場合でも、デフォルトのヘッダーとフッターを無効にしてカスタムにする必要があります
html - 奇数を使用して番号付けされた HTML の順序付きリスト
HTML で使用<ol type="1">すると、次のような順序付きリストを取得できます。
- 私はチーズが好きです
- クッキーいいですね
- クリームいいなぁ…
<ol>このように、奇数番号のみを持つ順序付きリストを取得するにはどうすればよいでしょうか?
1.チーズが好き
3.食事がうまい
5.星に願いを…
html - CSSのみで事前に行番号を作成する
各行の前に行番号を付けてコードプレボックスのスタイルを設定しようとしています。私はCSSのみでそれを行うことを好みます。これは私がやったことです
ただし、すべての行の番号は 1 です。インクリメントは機能しません。ここにjsfiddleがあります
- 私が間違っていることは何ですか？
- この CSS のみのソリューションとのブラウザの互換性は?
css-counter - CSS カウンター スパン要素の動作
CSSカウンターのこつをつかもうとしていますが、それを理解することができないようです.
これが私が持っている最小限の例です:
私が得る結果は次のとおりです。
1.1 基本
定理 1.0.1: 非常に重要な定理!
1.2 いくつかの組み合わせ論
定理 2.0.2: 非常に重要な定理!
秒カウンターが 0 のままなのはなぜですか? span 要素をカウントできるのはなぜですか?
html - css コードでカウンターをインクリメントするにはどうすればよいですか?
私のhtmlコードでは、次のリストが定義されています。
今、css私は持っています：
ページの結果は次のとおりです。
2 番目の数値を 2 の値にインクリメントするにはどうすればよいですか?