【问题标题】:How to make an image : enlarge when small, keep center when large如何制作图像:小时放大,大时保持中心
【发布时间】:2012-09-17 04:30:08
【问题描述】:

我有一个设置了宽度和高度的图像容器(一个 div)。

现在我从后端获得了一个图片 url,我需要将它放入容器中。

当图片小于容器时,我需要将其放大以填满容器 当图像比容器大时,我需要将它放在容器中。

这可以在纯 CSS 中完成吗?还是我需要使用 JavaScript 来做某事?

【问题讨论】:

  • 对不起,完全评论错了。你不能只给图像一个 100% 的宽度,所以它总是在父 div 的边界内吗?

标签: javascript html css styles


【解决方案1】:

你需要混合使用 css 和 javascript,这是我为你创建的示例:

http://jsfiddle.net/7fUxw/1/

【讨论】:

    【解决方案2】:

    图片上的min-width:100px怎么样,其中div的宽度为100px。

    【讨论】:

      猜你喜欢
      • 2012-04-13
      • 2023-03-19
      • 2023-03-23
      • 1970-01-01
      • 2018-07-04
      • 2016-06-17
      • 1970-01-01
      • 1970-01-01
      • 2019-08-15
      相关资源
      最近更新 更多