css - 我想上传一张原始大小的图片，然后把它放在一个固定大小的div中

Question

我有一个图片标签:

 <div id="original"><img id="img1" runat="server" src="" /></div>

我想在具有固定高度和宽度(每个 500 像素)的“原始”div 中上传原始图像(原始宽度和高度)。

例如:如果我上传了一张图片 (50*50) 出现在 div “original” 中而不影响它的 h & w。

如果这比 div 更好，我可以将 div 更改为 ex 的矩形或类似固定框架大小的内容。请帮助我并给我最好的主意。

如果我想在另一个 div 中将另一张图片放在原始图片旁边，请问正确的 css 代码是什么让它位于原始图片的右侧。

Answer 1

我不确定为什么要向 div 而不是图像添加尺寸。如果将任意大小的图像放在固定大小的 div 中，图像大小将保留。因此，如果您打算限制图片大小，请使用图片 id 为图片设置样式。

要回答问题的第二部分，请参阅以下内容。关联: How to put an image next to each other

您可能需要根据图像及其尺寸对 div 的样式进行一些更改。但是，稍微调整一下就可以了。