html - 如何在 HTML 和 CSS 中删除图像和资源管理器侧面之间的 "whitespace"

Question

我正在使用 Bootstrap ，图像之间有这个我似乎无法删除的空白

我试过设置最大宽度、对象适合和向左浮动，并删除填充

<style>
    body {
        font-family: Arial, Helvetica, sans-serif;
        background-color: white;
    }
    .top {
        position: absolute;
        top: 0;
    }
    .imageStyle{
        height: 100%;
        width: 100%;

    }
    .c {
        background-color: black;
    }
</style>

    <div class="container-fluid top">
        <div class="row">
            <div class="col-7">
                    <img src="Images/Background.png" align="left" class="img-fluid float-left imageStyle back">
            </div>
            <div class="col-5 c">
            </div>           
        </div>
    </div>

Answer 1

好吧，Bootstrap 的 col-* 类具有内置填充(padding-left: 15px, padding-right: 15px)。您可以通过在 col-7 div 上分配类 px-0** 来删除该填充。

** 设置padding-left: 0 和padding-right: 0

请看这里:https://codepen.io/anon/pen/pBeMLy

---

这是您问题的根源还是您有其他想法？