我的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] 删除。
我来说两句