跨浏览器接受 'display:normal' css答案

【问题标题】：Cross browser acceptance for 'display:normal ' css跨浏览器接受 'display:normal' css
【发布时间】：2019-07-23 19:48:58
【问题描述】：

我正在使用 CSS 类：

.hide{
    display:none;
}

.show{
    display:normal
}

如果我们想在具有单个 css 类的应用程序中考虑所有情况 flex、block 和 inline，例如 display:none。由于某些元素可能是 flex、block、inline-block 等。单个 css 应该是什么，即与 display:none 相反，并考虑元素。

css display:normal 在 chrome、mozilla firefox 中运行良好，但对其跨浏览器的影响和缺点知之甚少。

【问题讨论】：

【解决方案1】：

display 没有正常值。但是，两个最常见的值是 display: inline 和 display: block。

【讨论】：

【解决方案2】：

display属性没有正常值，可以使用display:block;显示：内联；并显示：继承；为此..

【讨论】：

如果它不是 flex 或 grid 直接子级，我会使用 display:initial，否则块或内联将很重要。
@G-Cyr，如果我们想在具有单个 css 类的应用程序中考虑所有情况下的 flex、block 和内联，就像我们有 display:none 一样。由于某些元素可能是 flex、block、inline-block 等。通用 css 应该是什么，即 display:none 的对立面，并考虑元素。
@Mahi via CSS 你不应该介意显示重置，它会回到原来的类。在javascript中，添加remove一个类来触发display:none;无需介意重置显示，它遵循原来的风格。如果要在 display:none 之后通过 js 重置显示，请将其重置为 null 。 element.style.display=""; css 和 javascript : codepen.io/gc-nomade/pen/GVoYpz 但好的做法是动态切换（添加/删除）一个类而不是重置样式。答案其实是，你不需要class show，你需要去掉class hide来显示你隐藏的任何东西。