图片标签下的神秘空白空间
我刚刚从更改了网站上的标题图片
<div style="background-image... width=1980 height=350>
使用
<img src="... style="width:100%;">
因此图像会按比例缩小，现在可以做…
但是现在我有这个神秘的10px左右的间隙。
我已经检查了Chrome中的检查器，但看不到是什么原因导致了该空间。我搜索了其他帖子，但找不到任何适用的内容。
有人知道吗？感谢任何帮助，鲍勃:)
问题答案：
默认情况下，IMG是内联元素。您需要将IMG标签设置为block元素，可以使用以下样式完成此操作：
display: block;
-
问题内容： 在Firefox中，只有我的视频缩略图在图像的底部和边框之间显示2-3像素的神秘空白（请参阅下文）。 我在Firebug中尝试了所有我能想到的一切，但是没有运气。 如何删除空白？ 问题答案： 您会看到下脚的空间（垂悬在“ y”和“ p”底部的位），因为默认情况下是内联元素。这消除了差距：
-
问题内容： 我正在使用Bootstrap的Navbar和Bootsrap的网格来显示带有图像的Navbar，该图像紧靠Navbar下方。但是，由于某些原因，此导航栏和图像之间存在空白。当我使用Firebug调查空白的位置时，导航栏似乎在其contains的顶部对齐。我试图通过使用CSS将导航栏底部对齐来解决此问题，但无济于事。 如何消除此空白？ 这是我使用CSS修复此问题的绝望尝试： 问题答案：
-
问题内容： 我有一个像这样的形式的简单文本区域： 我在此文本 区域中 不断获得额外的空白。当我将其切换到它时，光标就像在 文本区域 的中间，而不是在开头？有什么解释？ 问题答案： 仔细查看您的代码。其中已经有三个换行符，并且之前有大量空白。首先删除那些标签，以使标签之间不再出现换行符。它可能已经成功了。
-
问题内容： 我在图像周围有一个标签。我在标签所在的div上设置了边框。我将margin和padding都设置为0，但由于某种原因，我的标签仍比我的图像高3像素。这在图像和边框之间留了一些空间，破坏了我想要完成的外观。 我究竟做错了什么？我已经在FireFox和Chrome中测试了相同的结果。谢谢 问题答案： 图像是如此，它被视为字符，位于基线上。差距是由为下降器提供的空间引起的（可以在类似j，g，
-
当用户在剑道的下拉列表中选择任何选项时，我将删除选项标签。在一些下拉列表中，有白色/空白空间，而不是删除的选项标签。它看起来像：屏幕 下拉代码： OnClose下拉列表： 我注意到，当并没有很多选项并且滚动被禁用时，问题并没有出现。当我有很多选项并且启用了滚动时，我想剑道需要在移除选项标签后以某种方式调整大小以固定高度
-
所以我在我的Rails应用程序中使用简单表单，我需要去掉简单表单附带的每个输入上的标签。 我尝试了:<%=f.input：email,class：“login-field”,label：“”%>将标签留空，但这不起作用。 谢谢你。