CSS 中如何隐藏元素?它们之间有什么区别?
考察说明
考察常见 CSS 隐藏方法及其对布局、可访问性和性能的影响
回答思路
- 能列举至少三种常用方法:display:none、visibility:hidden、opacity:0
- 说明 display:none 移除文档流,影响布局,且元素不可点击、不可被屏幕阅读器访问
- 说明 visibility:hidden 保留布局但元素不可交互,部分可通过额外处理被读屏感知
- 说明 opacity:0 视觉不可见但元素仍占位、可交互,存在性能与动画考虑
- 能根据场景(如动画、读屏、布局保持)选择合适的方法并说明理由
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。