当前位置: 首页 > 面试题库 >

HTML 5奇怪的img总是在底部添加3px的空白

百里伟
2023-03-14
问题内容

当我将网站更改为

<!DOCTYPE HTML>

包裹在DIV中的每个img元素都有3px的底边距,即使该边距未在CSS中定义。换句话说,没有样式属性会导致该3px底边距。

<div class="placeholder">
    <img alt="" src="/haha.jpg" />
</div>

现在,假设haha.jpg为50x50,.placeholder设置为display:table。奇怪的是,我观察到的.placeholder的高度尺寸是50x53

有人以前遇到过这种异常并修复过吗?

编辑

这是JS FIDDLE


问题答案:

此问题是由于图像的行为类似于文本字符(因此在其下方留有一个空格,“ y”或“ g”的悬挂部分将vertical-align移至该位置)而引起的,并通过使用CSS属性来表示否需要这样的空间。vertical- align意志的几乎任何价值都可以做到;我middle个人很喜欢。

img {
    vertical-align: middle;
}


 类似资料:
  • 我面临着一个奇怪的问题:碎片底部有一个空白,我无法摆脱它。还值得一提的是,如果我单击任何按钮,这个空间就会消失。 感谢您的帮助!请在下面找到屏幕截图和布局代码。 截图 详细活动布局: DetailFragment布局: 详图网格布局: 详细附加网格布局:

  • 我的屏幕底部有一个奇怪的白色边框。它在左下角,也就是TimeView.java。 这是我的ContentPane.java 这是gameview.java 这是Mainframe.java }

  • 我对目标C和iOS有点新手,所以我的问题可能很愚蠢:)我在调试模式下检查了self.table数据,那里没有空项,并且返回正确的值。下面是UITableView数据源方法: 以下是我得到的: 在模拟器:http://take.ms/rm2DL 视图层次结构:http://take.ms/oALdi 这个空白区域正好有超过20个点的高度,所以我假设它应该是某种奇怪的标题。

  • 问题内容: 我了解由于数值误差(例如,以不同顺序对浮点求和),在数学上等效的算术运算如何导致不同的结果。 但是,令我惊讶的是,将零加到可以更改结果。我认为无论哪种情况,这对于浮动广告始终有效。 这是一个例子。我希望所有行都完全为零。有人可以解释为什么会这样吗? 和的较小值似乎不会发生Z。 我也确定。 这是另一个示例,它还演示了python的内置行为符合预期: 我正在使用numpy V1.9.2。

  • 今天我看到了一个JavaScript示例,我不理解它。 结果: 我不明白,为什么JavaScript在每个a之间添加2'n'?

  • 下面的代码返回一个错误,它不会连接到SQlite db。 虽然下面的代码工作得很好。 你能帮我了解一下这两个代码之间的区别吗?为什么第一个不能编译?