Set Display To None Make Layout Shift Around?

How to Make Shifting Go Away?

[thedealmaker]

Hi,
I have some elements in the page, and I set their display property to 'none' to make them disappear and give up the spaces they occupies. Because of this, the other elements in the page shift around to occupies these given-up space. How can I make the shifting disappears and make the transition happens all at once?

Many thanks.

[benihana]

instead of display:none; try visibility:hidden;

[thedealmaker]

If I just set it to hidden, it will occupy the space between other elements. I want it to be totally disappeared.