bootstrap modal水平居中问题

使用bootstrap的modal时，如果修改了modal的宽度，就不会剧中对齐了。通过调式发现，加上如下代码，可以解决：

//获取modal的宽度
var modalWidth = $("#viewModal").width();

//计算偏移量
var left = "-" + parseInt(modalWidth) / 2 + "px";
                        
//modal居中
$("#viewModal").modal("show").css({"margin-left":left});

原理：

想让div水平居中，只需要2步即可

1、先将div的左边距定位至屏幕中间；

2、再将div向左偏移div本身宽度的一半。

将DIV定位至屏幕中间： left: 50%

再向左偏移本身宽度一半：margin-left: -宽度px，向左偏移需要加上减号，

通过调试可以看到，modal样式本身就已经使用了left:50%的样式 ，以及默认左边距偏移量为-280px，因此，我们只需要在show的时候，动态设置一下margin-left的值，覆盖原值就可以了。

覆盖前：

    

覆盖后：

NOTE:

1、所有居中，都是指相对modal的父容器，一般指body，如果modal嵌套在其它div，且父元素指定了position属性，则会相对父元素进行居中对齐；

2、同理需要垂直居中，使用top与margin-top