【问题标题】:I want to upload an image with its original size and put it in a div with fixed size我想上传一张原始大小的图片,并把它放在一个固定大小的 div 中
【发布时间】:2015-09-15 17:38:35
【问题描述】:

我有一个图片标签:

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

我想将原始图像(原始宽度和高度)上传到具有固定高度和宽度(每个 500 像素)的 div "original" 中。

for ex:如果我上传的图片 (50*50) 出现在 div“原始”中,而不影响其 h & w。

如果这比 div 更好,我可以将 div 更改为 ex 的矩形或类似固定帧大小的东西。请帮帮我,给我最好的主意。

如果我想在另一个 div 中的原始图像旁边放置另一张图像,那么将其放在原始图像右侧的正确 css 代码是什么。

【问题讨论】:

  • 您是否尝试过仅使用max-widthmax-height?...事实上,您是否尝试过任何方法?
  • 我尝试将 css(宽度和高度)添加到 id“原始”,我上传的图像有 50*50,但它显示为 div 的宽度和高度
  • 不太清楚您要做什么?你为什么不给你的img标签设置固定的高度和宽度呢?

标签: css asp.net


【解决方案1】:

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

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

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

【讨论】:

  • 非常感谢 :) 原因是我想将 div 作为该图像的背景,这样我就可以更改它的颜色和类似的东西
  • 您可以添加颜色和所有其他内容,拥有该 div 没有问题。但是,我建议在图片上调整尺寸。
  • 如何使用 c# 中的颜色选择器更改文本框的背景颜色
  • 我建议在一个新问题中提出这个问题。即便如此,我希望这 link 有所帮助。此外,如果它解决了您的问题,请将答案标记为已解决。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-10-09
  • 2023-01-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-28
  • 2017-07-23
相关资源
最近更新 更多