万得信息面试题更新 2026-08-05

CSS 中如何隐藏元素?它们之间有什么区别?

万得信息前端/移动开发互联网/IT技术原理方案权衡CSS

考察说明

考察常见 CSS 隐藏方法及其对布局、可访问性和性能的影响

回答思路

  1. 能列举至少三种常用方法:display:none、visibility:hidden、opacity:0
  2. 说明 display:none 移除文档流,影响布局,且元素不可点击、不可被屏幕阅读器访问
  3. 说明 visibility:hidden 保留布局但元素不可交互,部分可通过额外处理被读屏感知
  4. 说明 opacity:0 视觉不可见但元素仍占位、可交互,存在性能与动画考虑
  5. 能根据场景(如动画、读屏、布局保持)选择合适的方法并说明理由
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。