1

我正在尝试将一些 Silverlight 代码移植到 CSS，因为客户要求我这样做，但我有点卡住了。Silverlight 应用程序用于在网页顶部显示 5 张图像，每个 Image 对象的 Stretch 属性设置为 UniformToFill，它不会拉伸源图像而是缩放源图像以使其适合Image 对象，并将源图像保持在 Image 对象的中心。

我想知道是否有办法在 CSS 中实现这一点，如果我必须使用 CSS3 也可以（或者 HTML5 中是否有办法）。我已经有一段时间没有进行 HTML/CSS Web 开发了，如果我有点生疏，请原谅我。

非常感谢！

4

1 回答 1

2

您可以使用图像本身的百分比宽度来做到这一点：

http://jsfiddle.net/R4QNk/1/

img{
    display: block;
    width: 20%;
    float: left;
}​
于 2012-07-22T22:12:54.207 回答