BlockUI强制所有元素居中

Question

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

到目前为止我试过这个，

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

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

Answer 1

你应该使用camelCase synthax，这可能就够了：

$.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规则（当然，除非使用!important hack，否则还有其他针对此元素的CSS规则。