图像中不需要的边距，这使得元素之间的空间不均匀-bootstrap答案

【问题标题】：Unwanted margin in images which makes the spaces between the elements uneven- bootstrap图像中不需要的边距，这使得元素之间的空间不均匀-bootstrap
【发布时间】：2019-05-15 17:46:24
【问题描述】：

由于多余的边距，图像之间的间隙不均匀

尝试在 CSS 中检查可能导致它的边距。尝试添加 margin-left:0px

screenshot

    <div class="container-fullwidth justify-content-md-center">
        <nav class="navbar navbar-light secondNav">
            <a class="navbar-brand mx-md-auto" href="#">
                <img src="images/clock1.png" class="secondNavImgs" id="img1Nav2" width="120" height="120" alt=""><img src="images/clock.png" class="secondNavImgs2" id="img1Nav2S" width="120" height="120" alt="">
                <span id="span1Nav2">היסטוריה</span>
            </a>
            <a class="navbar-brand mx-md-auto" href="#">
                <img src="images/rose1.png" class="secondNavImgs" id="img2Nav2" width="120" height="120" alt=""><img src="images/rose.png" class="secondNavImgs2" id="img2Nav2S" width="120" height="120" alt="">
                <span id="span2Nav2">מי אנחנו?</span>
            </a>
            <a class="navbar-brand mx-md-auto" href="#">
                <img src="images/pie-chart1.png" class="secondNavImgs" id="img3Nav2" width="120" height="120" alt=""><img src="images/pie-chart.png" class="secondNavImgs2" id="img3Nav2S" width="120" height="120" alt="">
                <span id="span3Nav2">"בשבילי" במספרים</span>
            </a>
            <a class="navbar-brand mx-md-auto" href="#">
                <img src="images/say1.png" class="secondNavImgs" id="img4Nav2" width="120" height="120" alt=""><img src="images/say.png" class="secondNavImgs2" id="img4Nav2S" width="120" height="120" alt="">
                <span id="span4Nav2">צעירים אומרים...</span>
            </a>
            <a class="navbar-brand mx-md-auto" href="#">
                <img src="images/network1.png" class="secondNavImgs" id="img5Nav2" width="120" height="120" alt=""><img src="images/network.png" class="secondNavImgs2" id="img5Nav2S" width="120" height="120" alt="">
                <span id="span5Nav2">צור קשר</span>
            </a>
        </nav>
    </div>

    .secondNavImgs {
    padding: 10px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    opacity: 1;
    transition: .5s ease;
    display: block;
}

【问题讨论】：

标签： bootstrap-4 margins gaps-in-visuals

【解决方案1】：

您可以在.secondNavImgs 上使用margin: 0 !important; 强制更改css

.secondNavImgs {
    margin: 0 !important;
}

【讨论】：

页边距在哪个类？

【解决方案2】：

将 css 应用于图像标签

img{
    margin: 0 !important;
 }

【讨论】：