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

Question

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

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

截屏

    <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;
}

Answer 1

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

.secondNavImgs {
    margin: 0 !important;
}

Answer 2

将 css 应用于图像标签

img{
    margin: 0 !important;
 }