【问题标题】:How come the image.height is not the proper size?为什么 image.height 尺寸不合适?
【发布时间】:2012-02-20 10:07:25
【问题描述】:

当我有一张 950x500 的图像并像这样输出时:

<img src="http://full/url/to/image.png" />

图片下方有一个奇怪的 3px 高度空间。当询问 javascript 时,它确实会说尺寸是 950x503。虽然图像实际上(多次检查)大小为 500。看起来图像标签这样做了如何解决这个问题?

请注意,图像还必须保持动态功能。因此,如果我将图像的宽度设置为 100%,高度将相应地调整大小。

【问题讨论】:

  • 您究竟是如何“询问 javascript”的高度?不过,display:block 的想法应该可行。
  • 没有必要使用display:block,如果你从代码中正常应用高度和宽度

标签: html css image image-size


【解决方案1】:

试试这个,而不是把display :block;,因为这个gonaa会影响所有的图像标签虽然没有坏处,但正确的方法是这样的:

<img src="http://full/url/to/image.png" height="950" width="500"/>

【讨论】:

  • 我的图片宽度是动态的,高度会相应调整。但实际上你不应该在全局范围内使用它;)
  • 你应该在你的问题中提到这一点,因为有了这个“动态”词,事情有时会变得更加复杂......
【解决方案2】:

没关系,答案是,像这样将图像显示设置为块:

img { display: block; }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-03-02
    • 2021-04-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多