CSS で非表示要素の高さを測定するにはどうすればよいですか?

非表示要素の高さの測定

親が「display:」に設定されている場合、div の高さを測定するのは難しい場合があります。なし。"子 div の高さは最初は 0 であるため、測定は不可能です。

この課題を克服するには、表示可能な親が見つかるまで要素の親を順次表示することを検討してください。最上位の「display:none」祖先が表示されると、要素の寸法を測定できるようになります。

測定値を取得した後、すべての要素を元の「display」値にリセットします。

複数の祖先を走査して表示するとリソースが大量に消費される可能性があるため、このアプローチでは潜在的なパフォーマンスの問題に注意してください。

代替戦略は、祖先を走査せずに実際の要素のみを測定用に表示することです。これにより、要素の階層の変更によるスタイルの誤適用を回避できます。 DOM 内の要素の元の位置に依存するスタイルが、この代替アプローチの影響を受けないことを確認してください。

以上がCSS で非表示要素の高さを測定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。