哪个更好?html中元素的可见性属性或显示属性

which is better?visibility property or display property of an element in html?

本文关键字：属性可见性显示元素更好 html 更新时间：2023-09-26

我在div中包含了一个大数据。使用一定的登录优先级，我将使其可见或不可见（使用javascript）。但我的问题是，无论是可见性还是显示性，哪个属性更适合快速加载页面？

属性的可见性和显示不相同。

可见性隐藏元素，但它将继续影响页面的布局。

显示将隐藏元素，并且不会影响布局。

就速度而言，这种差异可以忽略不计。因此，你应该关注哪些因素会影响网站的可用性。

不同之处在于可见性保持元素的空间，就好像它被显示了一样——你只是看不到它，不显示意味着它根本不显示

当您使对象不可见时，它仍然会占用布局中的空间。但是，如果将显示设置为"无"，它将在布局中被隐藏和忽略。

虽然display:none应该稍微快一点，因为浏览器不必进行计算来适应页面流中的元素，但实际上，只有在使用JavaScript对元素的宽度/高度进行大量加载后更改时，这才是真的。