CSS display属性的normal值是否为标准合法取值？

display: normal 既不是W3C CSS标准里的合法display取值，也不是微软定义的私有CSS属性值。你碰到的是编辑器补全bug+CSS容错回退共同造成的假象。

• 所有正式发布的CSS Display规范（从CSS2.1到最新的CSS Display Module Level 4）中，display属性的合法取值列表从未包含normal。W3C校验器报错是符合标准的正确行为，Chrome DevTools不提供该值补全同样是遵循标准的表现。

  不少CSS属性确实支持normal作为取值，比如line-height、font-weight、white-space、align-items等。Visual Studio的CSS自动补全词库存在历史bug，错误地把其他属性的normal值关联到了display属性下，这个错误提示已经存在十余年，和私有属性没有任何关系。

• 所谓"加了display: normal页面就正常，不加就异常"是CSS解析规则导致的：浏览器遇到无法识别的CSS属性/值时，会直接丢弃整条声明，不会做任何处理。也就是说你写的display: normal会被所有浏览器直接忽略，元素会回退到优先级更低的生效display规则，或是浏览器默认的User Agent样式值（比如div默认block、span默认inline、按钮默认inline-block）。
  这个现象反过来说明，你之前给对应元素写的其他display规则本身就是错误的，错误的display值导致了功能异常；加入无效的display: normal后，这条高优先级的无效规则覆盖了之前的错误设置，因为自身被丢弃，元素反而回到了正确的默认显示状态，才造成了"normal值生效"的错觉。

• 删除所有CSS代码里的display: normal声明，不要依赖浏览器的容错回退逻辑实现效果——一旦未来CSS标准为display新增normal取值，或是某款浏览器做了非标准兼容，现有页面会直接出现显示异常。
• 排查对应元素的样式优先级，找到之前错误设置的display规则，直接修改为符合需求的标准display取值即可。

相关问题截图

内容的提问来源于stack exchange，提问作者MiscellaneousUser