CSS中hidden通常指:ml-text[visibility: hidden]属性,用于隐藏元素但保留其占据的空间。
visibility: hidden的作用
元素不可见,但仍占据原有布局空间(宽度、高度不变)。
与:ml-text[display: none]不同,后者会完全移除元素及其空间。
与其他隐藏方法的区别
display: none:元素不渲染,不占空间。
opacity: 0:元素透明但保留空间,仍可触发交互事件。
overflow: hidden:裁剪溢出内容,常用于清除浮动。
适用场景
需保留布局结构但临时隐藏内容时使用visibility: hidden。