kat
Reputation: 2075
CSS for hiding a HTML element, keeping its width and height?
I need a CSS snippet for hiding a HTML <div class="my"> (with quite a lot of contents, including text and other divs), but still reserving space for it. Is there something better or faster than div.my{opacity:0;}?
Upvotes: 45
Views: 29756
Answers (2)
Jamie Dixon
Reputation: 54001
visibility: hidden
This will hide the element from the page but retain its place in the layout.
Upvotes: 103
Parth
Reputation: 529
use document.getElementById("my").style.display = "none"; do not user visibility it only hide element but in display it remove the space acquired by element.
Upvotes: -10
Related Questions
- How to hide elements without having them take space on the page?
- How can I hide an element with css while still keeping it on the page?
- Can I hide the element if it doesn't fit the available width using css only?
- Make a div keeping its size when hiding elements in the DOM
- Hide a element but keep its width but make it's height 0 with javascript
- How to reserve 'width' for a 'hide' element
- How can I hide with CSS only?
- CSS: hide element but keep width (and not height)
- Keep Text width and height but "hide" it
- Make a Dom element visible but don't take up space on the page?