图片大小html和css

我有一个产品的下拉菜单，我想要下拉菜单中的每个选项旁边的产品图片。我用这行复制这条线在使用多个产品不是所有的照片看起来，即使我给的高度和宽度相同的大小时，要做到这一点图片大小html和css

<img src="http://www.products.com/products/product1.png" 
alt="Product1" height="20" width="22" class="itemImg" 
style="float:right;position:absolute; top: 6px; right: 20px;">

不过。是否可以立即将所有图片制作成相同尺寸，而无需修改每张图片的高度和宽度？

来源

2016-03-05 Justin Spiteri

你可以使用[的jsfiddle（https://jsfiddle.net/）复制你的代码。我不认为这里有人会试图从'img'标签中复制你的问题。 –

为块提供完整的脚本，HTML和CSS。 –

请提供您尝试过什么工作的jsfiddle .. –

你的问题很不清楚，你应该提供更多的代码，但是！您可以将css用于制作相同尺寸的照片。并删除position: absolute，因为所有将重叠到对方。我创建了一个片段检查，希望它会起作用。

img.itemImg{width:150px; height:150px; background-color:green; position:relative !important;}

<img src="http://www.products.com/products/product1.png" 
 
alt="Product1" height="20" width="22" class="itemImg" 
 
style="float:right;position:absolute; top: 6px; right: 20px;"> 
 

 
<img src="http://www.products.com/products/product1.png" 
 
alt="Product1" height="20" width="22" class="itemImg" 
 
style="float:right;position:absolute; top: 6px; right: 20px;"> 
 

 
<img src="http://www.products.com/products/product1.png" 
 
alt="Product1" height="20" width="22" class="itemImg" 
 
style="float:right;position:absolute; top: 6px; right: 20px;"> 
 

 
<img src="http://www.products.com/products/product1.png" 
 
alt="Product1" height="20" width="22" class="itemImg" 
 
style="float:right;position:absolute; top: 6px; right: 20px;"> 
 

 

 
<img src="http://www.products.com/products/product1.png" 
 
alt="Product1" height="20" width="22" class="itemImg" 
 
style="float:right;position:absolute; top: 6px; right: 20px;"> 
 

 
<img src="http://www.products.com/products/product1.png" 
 
alt="Product1" height="20" width="22" class="itemImg" 
 
style="float:right;position:absolute; top: 6px; right: 20px;"> 
 

 
<img src="http://www.products.com/products/product1.png" 
 
alt="Product1" height="20" width="22" class="itemImg" 
 
style="float:right;position:absolute; top: 6px; right: 20px;"> 
 

 
<img src="http://www.products.com/products/product1.png" 
 
alt="Product1" height="20" width="22" class="itemImg" 
 
style="float:right;position:absolute; top: 6px; right: 20px;"> 
 

 
<img src="http://www.products.com/products/product1.png" 
 
alt="Product1" height="20" width="22" class="itemImg" 
 
style="float:right;position:absolute; top: 6px; right: 20px;"> 
 

 
<img src="http://www.products.com/products/product1.png" 
 
alt="Product1" height="20" width="22" class="itemImg" 
 
style="float:right;position:absolute; top: 6px; right: 20px;">

来源

2016-03-05 07:28:04

图片大小html和css

回答

相关问题