BlockUI强制所有元素居中

Question

我如何重新强制我的元素回到左对齐，因为jquery blockui插件强制他们居中，

我试过了，

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

http://www.malsup.com/jquery/block/演示

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规则针对该元素也使用!important hack。