CSS图像均匀填充拉伸？

2012-07-22 88 views 1 likes

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

我想知道是否有一种方法可以在CSS中实现这一点，并且如果我必须使用CSS3（也可以使用HTML5）。我有一段时间没有在做HTML/CSS网页开发，所以如果我有点生疏，请原谅我。

非常感谢！

来源

2012-07-22 Ian Wold

做u想要什么......... – 2012-07-23 05:18:58

回答

，你可以做到这一点使用上的图像宽度的百分比自己：

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

img{ 
    display: block; 
    width: 20%; 
    float: left; 
}

来源

2012-07-22 22:12:54

谢谢，伟大工程！ – 2012-07-28 00:58:00

这对我不起作用 – Liero 2016-05-18 07:51:22

CSS图像均匀填充拉伸？

回答

相关问题