display:none/visibility:hiddenの違い

daiki21 138views 更新:2015年9月14日

display:none自体は、if文などでよく使っていましたが、似たようなニュアンスのvisibility:hiddenも使えます。

visibility:hidden

display:noneは指定したidなどのレイアウトもスペースも全て非表示するのに対して、 visibility:hiddenは、スペースは保ちます。

なので、消したい要素はあるけどレイアウトは保持したいという時に便利です。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません