Html 与图像的链接不会停留在中间

所以，我得到了一组这样的链接。为不好的名字道歉，但为了让它更容易理解，我选择不使用真实的路径/名称。但是，当显示/使用页面时，所有路径都签入

<nav>
     <div class="center">
         <a href="index.html" class="navigointi"> <img src="folder/image1.gif" alt=""> </a>
         <a href="page1.html" class="navigointi"> <img src="folder/image2.gif" alt=""> </a>
         <a href="page1.html" class="navigointi"> <img src="folder/image3.gif" alt=""> </a>
     </div>
</nav>

但是，如果我将图像指定为navigointi类。。。它们确实粘在一起，形成一根长杆，但同时，它破坏了中心。所有图像都浮动到屏幕的左侧。即使我从img.navigointi中删除所有内容，使其成为空样式，它仍然保持不变。如果我不给图像一个类，它们会返回到中间，但它们之间会再次出现空格

---

知道是什么导致定心断裂吗？

如果我理解，您应该使用

显示：内联

而不是

浮动：左

。 这里有一个例子：

这里有一个例子

删除锚点之间单个空格的行是

font size:0px
（在CSS技巧中找到）

CSS

这很有效，谢谢。刚刚将字体大小：0px添加到.center，现在一切都好了。谢谢
.center {
    margin: 0 auto;
    text-align: center;
    display: block;
}

a.navigointi
{
    float:left;
    margin: 0px;
    padding: 0px;
}

img.navigointi
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.center {
    margin: 10px auto;
    text-align: center;
    display: block;
    border: 1px solid black;
    font-size: 0px;
}

.navigointi{
    margin-left: 0px;
    padding: 0px;
}
img
{
    margin-left: 0px;
    padding: 0px;
    border: 1px solid red;  
}