何について書く？

• cssのdisplay:noneとvisibility:hiddenによる非表示の使い分け

内容

• 結論
  両方非表示だが、非表示後の挙動が違う。
  display:none→この要素分の空白が残らない（左右に要素があればつめる）
  visibility:hidden→この要素分の空白が残る（左右に要素があればその間に非表示にした要素分の空白が残る）
• css

@charset "UTF-8";

.test{
visibility:hidden;
}
.test2{
display:none;
}

参考URL

https://qiita.com/rico/items/0f645e84028d4fe00be6