动画 DOM 元素最快的 CSS 显示属性是什么

发布于 2024-12-07 18:22:40 字数 180 浏览 0 评论 0原文

似乎会

display: block 

导致更少的回流,那么

display: table

是否还有任何 css 属性可以设置,以确保更改一个 dom 元素不会影响某些其他元素的布局,从而导致额外的重绘或回流。

it seem that

display: block 

cause less reflow then

display: table

also is there any css property that could be set to make sur that changing one dom element won't affect the layout of some other element and thus causing extra repaint or reflow.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

七七 2024-12-14 18:22:40

向元素添加 position:absolute 将使该元素完全脱离页面流,因此不会导致其他元素的回流。

Adding position:absolute to the element would take the element completely out of the flow of the page, therefore causing no reflow for other elements.

岁月打碎记忆 2024-12-14 18:22:40

您可以使用 visibility:visible;visibility:hidden;。由于元素在隐藏时仍然占用空间,因此显示/隐藏它时对布局的影响很小。

You can use visibility: visible; and visibility: hidden;. As the element still takes up space while it's hidden, the impact on the layout is minimal when you show/hide it.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文