保留元素的空间，即使有显示:无
保留元素的空间，即使有显示:无
提问于 2018-07-13 15:20:32
只是一个简单的问题:我有一条通知消息，它可以在网页中可见或不可见(使用jQuery、show()或hide())，总是在同一个位置。我面临的问题是，当它出现的时候，它会拖下它下面的所有内容，只是它的高度。
我如何明智地处理这种情况，使之保留一个(空白或非)区域，这样当这个组件消失/出现时，UI就不会改变它的高度？
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-07-13 15:23:16
与使用show()和hide()不同，您只需使用jquery添加css属性opacity:0和opacity:1即可。这将留下一个空白处，即使元素没有显示。
Stack Overflow用户
发布于 2018-07-13 15:31:50
您可以使用css属性visibility: hidden;和visibility: visible;。这将留下一个空白，UI不会更改其高度。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51328329
复制相关文章
相似问题
腾讯云开发者
