bootstrap的modal模态框自动生成padding-left:17px,如何去掉?

2019-04-11 20:27发布

问题:

bootstrap的modal模态框自动生成padding-left:17px,如何去掉?如果模态框里面的数据量小,不会生成padding-left:17px,数据量大的模态框会生成这个
<div style="padding-left: 17px; display: block;" class="modal fade in" id="青云" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">。我想要如下标签<div style=" display: block;" class="modal fade in" id="青云" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">,需要将padding-left: 17px; 去掉。

回答1:

model{
padding-left: 0!important;
}
优先级的顺序是 后面加!important最高。 然后是 行内 id class js动态添加的属于行内样式层级



回答2:

针对单独的div,可以使用行内样式:

<style type="text/css">
    #青云 {
        padding-left: 0;
    }
</style>


回答3:

为什么要去掉呢?那 17px 是计算你的滚动条宽度得出的,用于居中 modal 的,因为弹出 modal 的时候 body 会隐藏滚动条