如何删除这些/这些图像之间的差距？

Question

这里的问题是这些图像之间存在差距，我想将其删除。 这是css和html代码。

的 HTML

<div id="acts">
    <div class="acts">
    <ul>
        <li><a href="#"><img src="img/example.png"/></a></li>
        <li><a href="#"><img src="img/example.png"/></a></li>
        <li><a href="#"><img src="img/example.png"/></a></li>
        <li><a href="#"><img src="img/example.png"/></a></li>
        <li><a href="#"><img src="img/example.png"/></a></li>
        <li><a href="#"><img src="img/example.png"/></a></li>
    </ul>
    </div>
</div>

CSS

    a {
        text-decoration-line: none;
    }
    #acts {
        width: 100%;
        height:100%;
        position: absolute;
        display:none;
        top:50px;
    }
    .acts li img {
        width: 100%;
        height:auto;

    }
    .acts li {
        position: relative;
        float: left;
        width: 20%;
    }
    .acts ul{
        list-style: none;
    }