我知道使用visibility:hidden会保留页面上的空间，而display:none不会保留页面上的空间，那么什么时候“保留”空间才有意义？这样会在页面上留下一个笨拙的空白区域/空白孔。
答案 0 :(得分：1)
显示：无-动态页面/部分：：通常将其用于页面上较大的动态区域，以避免留下笨拙的空白区域，使页面看起来不好。当显示时，它将移动页面的其他部分，并在设计时所在的页面中呈现自己，从而根据需要/设计更改周围页面元素的位置和流向。
可见性：隐藏-静态页面/部分：将其用于较小的部分，当此部分可见时，周围元素会移动，这是不希望的 >，即：在页面部分显示/隐藏徽章。使用display：none不会/不会强迫自己进入页面的一部分并移动其周围的元素为其自身腾出空间，从而导致页面上的移动。使用可见性：在这种情况下隐藏会隐藏/显示“徽章”元素，而周围页面元素的其余部分不会移动，因为已为此空间“保留/保留”，因此，它只是“打开/关闭” ”，没有任何可见的运动。
由于此用法位于原本为“静态”页面的一小部分上，因此隐藏时由于“保留/保留”空间而留在页面中的空白“孔”在隐藏时不会引起注意，因为页面的“布局”并不取决于徽章的“保留/保留”空间很小。它只是较大静态区域中的一小块。
希望这有助于确定何时/何处使用这两个看似相似的属性。