【问题标题】:Combine - display inline-block and none? [duplicate]结合 - 显示内联块和无? [复制]
【发布时间】:2013-05-28 11:25:57
【问题描述】:
div#errors_of_saved{
    width: 100px;
    display: inline-block;
    display: none;}

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

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

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

我能做什么?

【问题讨论】:

  • 您想要一个专门说明如何使用fadeIn()fadeOut() 的jQuery 解决方案吗?

标签: css


【解决方案1】:

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

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

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

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

我的建议是假设您可以使用 jQuery animate() 函数,但有几种方法可以尝试。

【讨论】:

    猜你喜欢
    • 2011-03-07
    • 2012-02-29
    • 1970-01-01
    • 2013-05-16
    • 2019-08-07
    • 2018-05-09
    • 2020-01-28
    • 2010-12-22
    相关资源
    最近更新 更多