CSS ルールvisibility:hiddenとdisplay:none両方の結果、要素は表示されなくなります。これらは同義語ですか?
ベストアンサー1
display:none問題のタグはページにまったく表示されません (ただし、DOM を通じてタグを操作することはできます)。他のタグの間にはスペースは割り当てられません。
visibility:hiddendisplay:noneとは異なり、タグは表示されませんが、ページ上にタグ用のスペースが割り当てられていることを意味します。タグはレンダリングされますが、ページ上には表示されません。
例えば：
test | <span style="[style-tag-value]">Appropriate style in this tag</span> | test
を置き換える[style-tag-value]とdisplay:none次のようになります:
test | | test
を置き換える[style-tag-value]とvisibility:hidden次のようになります:
test | | test