CSS图像均匀 - 填充拉伸?

时间:2012-07-22 22:00:34

标签: html css silverlight html5 css3

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

我想知道是否有办法在CSS中实现这一点,如果我必须使用CSS3也很好(或者如果在HTML5中有一种方法)。我有一段时间没有做过HTML / CSS web开发,所以如果我有点生气的话,请原谅我。

非常感谢!

1 个答案:

答案 0 :(得分:2)

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

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

img{
    display: block;
    width: 20%;
    float: left;
}​
相关问题