javascript - BlockUI 强制所有元素居中

Question

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

到目前为止我试过这个，

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

http://www.malsup.com/jquery/block/#demos

Answer 1

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

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

或使用引号：

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

也许你不得不强迫它使用!important

css: { textAlign: 'left !important' }

Answer 2

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

#popup{
    text-align:left!important
}

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