可視性:非表示に関するおすすめ記事 5 選

当時の私の答えは、どちらも要素を非表示にできるが、要素を display:none; に設定すると、要素によって以前に占有されていたドキュメント フロー スペースが同時にキャンセルされますが、visibility:hidden; で要素が均等になるというものでした。表示されない場合でもスペースが必要になります。電話での面接だったのですが、私が答えると相手はそれ以上ディスプレイ関連の知識について質問しませんでした。今思うと、display:inline-blockを使うときの注意点など、ディスプレイ関連の知識を聞かれたら本当にラッキーです。絶対に戦えなくなるよ。数日前にナビゲーションを書く練習をしていたとき、常にいくつかのインライン要素またはブロックレベル要素をインラインブロックレベル要素に設定する必要があったので、display:inline-block を考えましたが、これは属性であることがわかりました。この値はまだ多少複雑です。この記事をお勧めします。インラインブロックは IE5.5 からサポートされていますが、IE5.5 は 2000 年に正式にリリースされましたが、W3C がこの属性値を CSS2.1 ドラフトに追加し始めたのは 2002 年になってからであることを知っておく必要があります。

1. display:none と Visibility:hidden の違いは何ですか

はじめに: 私が当時答えたのは、両方とも要素を非表示にすることができますが、要素を表示するように設定するということでした。 none; その後、その要素が以前に占めていたドキュメント フロー スペースも同時にキャンセルされますが、visibility:hidden; により、要素は表示されなくてもスペースを占有し続けます。電話での面接だったのですが、私が答えると相手はそれ以上ディスプレイ関連の知識について質問しませんでした。今私は...

2. display:none; と Visibility:hidden; の違い

はじめに: 私が当時答えたのは、どちらも要素を非表示にできるということです。 , ただし、要素を display:none; に設定すると、その要素が以前に占めていたドキュメント フロー スペースは同時にキャンセルされますが、visibility:hidden; を指定すると、要素が表示されなくてもスペースが占有されます。電話での面接だったのですが、私が答えると相手はそれ以上ディスプレイ関連の知識について質問しませんでした。今私が考えているのは...

3. div の隠された占有空間の位置関係

はじめに: display:none と Visibility:hidden はどちらも Web ページ上の要素を非表示にする機能です。 , しかし、この 2 つには違いがあります。個人的な実験の結果、visibility:hidden 属性を使用するとオブジェクトが非表示になりますが、Web ページ上でオブジェクトが占めるスペースは変化しないことがわかりました。これは空白領域を残すことと同じであり、display:none 属性はオブジェクトを完全に消します (表示されず、タッチもできなくなります)。

4. [HTML/CSS]display:noneとvisibility:hidden_​​html/css_WEB-ITnose

はじめに:[HTML/CSS]display:noneとvisibility:hiddenの違い

5. Display:none と Visibility:hidden は異なる非表示メソッドです

はじめに: 類似点: display:none とvisible:hidden は両方とも Web ページ上の要素を非表示にする機能を持っています。違い: Visibility:hidden -- 非表示オブジェクト用の物理スペースを予約します。 display: none -- 非表示オブジェクト用の物理スペースを予約しません

[関連する Q&A の推奨事項]:

javascript - js は div の非表示表示を制御します。

javascript - jqueryを使用してvisibility:hiddenの値を取得する方法?

javascript - backface-visibility:hiddenはIEをサポートしていませんか?他に解決策はありますか

以上が可視性:非表示に関するおすすめ記事 5 選の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。