css - 结合 - 显示内联块和无？

Question

div#errors_of_saved{
    width: 100px;
    display: inline-block;
    display: none;}

有一个错误的div，它是隐藏的，直到某些JS函数没有淡入它，并且它应该内联显示。

问题 - 这样文本编辑器说display属性被覆盖，并且 display: inline-block none;- 语法无效。

我不想使用visibilty:hidden，因为 Jquery 动画fadeIn() fadeOut()不适用于可见性。

我能做些什么？

score 0 · Accepted Answer

因为div#errors_of_saved是按需显示以显示错误消息，所以我将默认设置为display: none.

jQuery 倾向于用来display: block显示一个元素。既然你想使用display: inline-block，我可能会尝试设置更具体的 CSS 规则，例如：

div#errors_of_saved.show {
    display: inline-block
}

然后让 jQuery 根据需要添加类以显示错误消息。

我的建议假设您可能会使用 jQueryanimate()函数，但有几种方法可以尝试。

1 回答 1