Html 常见CSS错误：显示与奇怪的空间内联

目前我有一些问题

这是因为我想从浮动更改为

display:inline块

我的结果是

现在我注意到我的

如果你看不到这个奇怪的空间，那就看看吧

当我使用float时，这个奇怪的空格不可见。
但我反对为设计而浮动，我只想为图像使用浮动

所以我的问题是：如何删除该空间？

如果有人知道治疗方法；）谢谢
 内联流是一件相当棘手的事情；它有助于理解
垂直对齐
和
线高度
如何配合以及它们如何影响对齐。在这种情况下，解决此问题的一种方法是在
nav
上使用
vertical align:top
（它比
h1
短，如果您愿意，可以同时应用于两者）。
它是一个空格字符。因为内联块与块的工作方式相同，所以当它们之间有空格字符时，它们将具有可见的分隔符

为了更容易理解，请看以下示例：

<p>
This
words
will
have
a
space
between
them
</p>


这
话
将
有
A.
空间
之间
他们


因此，因为您的项目在代码中有单独的行：

<ul>
    <li><a title="home" href="/">home</a></li>
    <li><a title="login" href="/login">login</a></li>
</ul>






…浏览器正在新行位置添加空间。你几乎没有办法解决它

将它们放在一行上：

<ul>
    <li><a title="home" href="/">home</a></li><li><a title="login" href="/login">login</a></li>
</ul>





或设置
字体大小：0和li上的正常字体大小。这样，li之间的空间将等于0。
奇怪的空间是白色区域？在白色块中，您可以看到导航上方有一些空间。所以导航是神奇的按下…谢谢，正是我需要的！未找到任何空间。但是谢谢你的帮助。Chris帮助met注意到vertical-align.Inline-block元素的行为与块元素不同：块元素之间的空格不相关，它只对内联元素重要。修改字体大小是处理不需要的空白的一种糟糕的方式，因为一些浏览器强制使用最小字体大小，并且它不能很好地处理相对字体大小（如果您仍然使用px字体大小，那么您就错了）。