Firefox中的img标签宽度高度问题

彩信

我的HTML程式码中有更多img标记,例如以下程式码,

    <div id="container" >
    <div>
        <img alt="Image1" id="Image1" src="" width="130px" height="90px" class="img">
         <input type="file" id="files1" class="fileUpload" name="files1[]" style="display:none" value="Select Image"> 
        <br>
        <br>
        <img alt="Image2" id="Image2" src="" width="130px" height="90px" class="img">
         <input type="file" id="files2" class="fileUpload" name="files1[]" style="display:none" value="Select Image"> 
        <br>
        <br>
        <img alt="Image3" id="Image3" src="" width="130px" height="90px" class="img">
         <input type="file" id="files3" class="fileUpload" name="files1[]" style="display:none" value="Select Image"> 
        <br>
        <br>
        <img alt="Image4" id="Image4" src="" width="130px" height="90px" class="img">
         <input type="file" id="files4" class="fileUpload" name="files1[]" style="display:none" value="Select Image"> 
        <br>
        <br>
        <img alt="Image5" id="Image5" src="" width="130px" height="90px" class="img">
         <input type="file" id="files5" class="fileUpload" name="files1[]" style="display:none" value="Select Image"> 
        <br>
        <br>
    </div>
</div>

更新 :

MyCSSsoFar.css

#container {
  width: 600px;
}

#container div {
  float: left;
  height: 300px;
  width: 300px;
}

当我在chrome上运行此显示器时,其显示器的宽度高度如下图所示,

在此处输入图片说明

但是当我在Firefox中运行时,它没有以原始宽度和高度显示,如下图所示,

在此处输入图片说明

我想在所有浏览器中显示其宽度和高度,例如chrome。如何解决此问题?

很快

我认为您缺少-elementsdisplay: block属性img默认情况下,浏览器会添加display: inline

img {
    border: 1px solid red;
    display: block;
}

这是一个快速提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Firefox中的img标签宽度,高度问题

来自分类Dev

设置img标签的高度等于其宽度

来自分类Dev

在保持宽高比的同时,使img标签的宽度和高度在内部溢出div中为100%

来自分类Dev

向多个img标签的Src添加高度和宽度

来自分类Dev

Firefox中的锚标签问题

来自分类Dev

Firefox高度问题?

来自分类Dev

Firefox高度问题?

来自分类Dev

如何在 100% 宽度和高度的按钮标签中包含锚标签

来自分类Dev

如何确定旋转的img / div的宽度/高度?

来自分类Dev

IMG和TD的CSS宽度/高度

来自分类Dev

无法获取img宽度和高度jQuery

来自分类Dev

在HTML“ img src”选项中添加高度或宽度时无法加载图像

来自分类Dev

为什么子元素<img />不包含在父div的宽度和高度中?

来自分类Dev

CSS的<标签>增加宽度和高度?

来自分类Dev

自动的图像宽度和高度标签

来自分类Dev

如何获得JavaFX标签的宽度和高度?

来自分类Dev

<a>标签的高度/宽度定义未实现

来自分类Dev

更改ajax tabcontainer标签的高度和宽度

来自分类Dev

Flexbox方向更改宽度/高度问题

来自分类Dev

Flexbox方向更改宽度/高度问题

来自分类Dev

Dojo图表高度和宽度问题

来自分类Dev

pclPointCloud中的高度和宽度

来自分类Dev

html5标签的iframe标签中可以提供高度和宽度百分比吗?

来自分类Dev

html5标签的iframe标签中可以提供高度和宽度百分比吗?

来自分类Dev

有什么办法可以处理CSS,HTML中的宽度和高度问题?

来自分类Dev

Tkinter:tk.Text小部件中的高度/宽度缩放问题

来自分类Dev

如果宽度/高度比固定,是否可以使用纯CSS根据<img>的100%宽度设置高度?

来自分类Dev

图片高度与img宽度成比例,但是img宽度以父级的百分比表示

来自分类Dev

如何观看img元素的ngSrc并在我的自定义指令中获取新的宽度和高度?

Related 相关文章

  1. 1

    Firefox中的img标签宽度,高度问题

  2. 2

    设置img标签的高度等于其宽度

  3. 3

    在保持宽高比的同时,使img标签的宽度和高度在内部溢出div中为100%

  4. 4

    向多个img标签的Src添加高度和宽度

  5. 5

    Firefox中的锚标签问题

  6. 6

    Firefox高度问题?

  7. 7

    Firefox高度问题?

  8. 8

    如何在 100% 宽度和高度的按钮标签中包含锚标签

  9. 9

    如何确定旋转的img / div的宽度/高度?

  10. 10

    IMG和TD的CSS宽度/高度

  11. 11

    无法获取img宽度和高度jQuery

  12. 12

    在HTML“ img src”选项中添加高度或宽度时无法加载图像

  13. 13

    为什么子元素<img />不包含在父div的宽度和高度中?

  14. 14

    CSS的<标签>增加宽度和高度?

  15. 15

    自动的图像宽度和高度标签

  16. 16

    如何获得JavaFX标签的宽度和高度?

  17. 17

    <a>标签的高度/宽度定义未实现

  18. 18

    更改ajax tabcontainer标签的高度和宽度

  19. 19

    Flexbox方向更改宽度/高度问题

  20. 20

    Flexbox方向更改宽度/高度问题

  21. 21

    Dojo图表高度和宽度问题

  22. 22

    pclPointCloud中的高度和宽度

  23. 23

    html5标签的iframe标签中可以提供高度和宽度百分比吗?

  24. 24

    html5标签的iframe标签中可以提供高度和宽度百分比吗?

  25. 25

    有什么办法可以处理CSS,HTML中的宽度和高度问题?

  26. 26

    Tkinter:tk.Text小部件中的高度/宽度缩放问题

  27. 27

    如果宽度/高度比固定,是否可以使用纯CSS根据<img>的100%宽度设置高度?

  28. 28

    图片高度与img宽度成比例,但是img宽度以父级的百分比表示

  29. 29

    如何观看img元素的ngSrc并在我的自定义指令中获取新的宽度和高度?

热门标签

归档