BlockUI 强制所有元素居中答案

【问题标题】：BlockUI forces all elements to centerBlockUI 强制所有元素居中
【发布时间】：2013-05-13 13:17:54
【问题描述】：

当 jquery blockui 插件强制我的元素居中时，如何重新强制我的元素左对齐，

到目前为止我已经尝试过了，

$.blockUI({ message: $('#popup'), css: { text-align: 'left' } });

【问题讨论】：

【解决方案1】：

你应该使用 camelCase 合成器也许就足够了：

$.blockUI({ message: $('#popup'), css: { textAlign: 'left' } });

或者使用引号：

$.blockUI({ message: $('#popup'), css: { "text-align": 'left' } });

也许您必须使用 !important 强制它

css: { textAlign: 'left !important' }

【讨论】：

或直接通过样式：.blockUI {text-align:left;}
我不认为是这样，@miro，更像是#popup{text-align:left}，如下所示。 .blockUI 是插件本身的名称，而 #popup 是目标。
@Doug ：在these demos 中是 .blockUI ... IDK。他让它工作了:)
其实你是对的。两者都可以工作，因为 #popup 会嵌套在 .blockUL 中 :)

【解决方案2】：

使用 CSS hack !important 应该可以解决问题。在你的 CSS 文件中添加

#popup{
    text-align:left!important
}

因为这应该覆盖施加在该元素上的任何其他 CSS 规则（当然，除非有其他 CSS 规则也针对该元素也使用 !important hack。

【讨论】：