1

我正在使用这些非常好的演示为我的图像添加一些样式。

不幸的是，我在这些演示中注意到的一点是您无法重新调整图像的大小。如果这样做，则图像未正确居中。

这是一个屏幕截图，向您展示我的意思：

http://webdesignerwall.com/demo/css3-image-styles/

这是供人们玩耍的jsfiddle 。

有人可以帮助弄清楚如何将这些图像居中以使每只狗都完全在视野范围内吗？

更新：演示的开发人员最近更新了他的代码，以允许许多样式的可变图像大小：http ://webdesignerwall.com/demo/css3-image-styles-part-2/ 请注意，圆形图像不是一个这些更新的样式。

4

1 回答 1

2

您想使用background-positioncss 属性：

background-position: 0px 0px;

请参阅居中的 示例。

您还可以使用background-sizecss 属性：

background-size: 30px 30px;

请参阅放大的示例。

这是 30px 和 150px 的许多图像样式的更完整演示：http: //jsfiddle.net/trpeters1/XkGuu/25/

于 2012-05-11T02:24:55.067 回答