layer弹出层插件 属性 btnAlign:'c' 不起作用怎么回事？？

Question

想让按钮居中 试了半天也不管用 btnAlign 不起作用 求大神指教

function func1() {
layer.open({
type:0,
title:['承 诺 书','color:red;background-color:blue;text-align:center;'],

        content:'dddddddddddddddddddddfffffffffffffff',
        btn:['我承诺','拒绝'],

        btnAlign:'c'
        closeBtn: 0
    });
}

Answer 1

给你一个实例
layer.open({
type: 1,
btn: [['取消'], '确定'],
btnAlign: 'c',
area: ['32%', '32%'],
title: '编辑标题',
content: str,
success: function(layero){
layero.find('.layui-layer-btn').css('text-align', 'center'); //改变位置
layero.find('.layui-layer-btn0').attr('class', 'layui-layer-btn2'); //改变按钮一的颜色
layero.find('.layui-layer-btn1').attr('class', 'layui-layer-btn0'); //改变按钮二的颜色
},
yes: function (index){ //按钮一的回调函数
layer.close(index); //关闭当前层
},
btn2: function(index){ //按钮二的回调函数
new_custom_title = $('#new_custom_title').val();
new_custom_title = $.trim(new_custom_title);
if (!new_custom_title) {
layer.msg('标题不能为空', {icon: 1});
return false;
}
$.get(_URL_ + '/change_detail_title', {'id': value, 'custom_title': new_custom_title}, function (response) {
if (response.ret == 'SUCCESS'){
layer.msg('修改成功', {icon: 1}); //提示
setTimeout(function(){ //延时关闭
layer.close(index);
window.location.reload(); //刷新页面
},1500);
} else {
layer.msg('修改成功', {icon: 2});
}
});
}
});
主要就是那个success函数的layero.find('.layui-layer-btn').css('text-align', 'center');