http://cameleonjackets.com/product-category/fall-2014/
模特头被切断了。如何将照片对齐到顶部？我已经尝试调整照片大小和列，但我想保持布局和产品图像不变。有没有办法用CSS做到这一点？谢谢！
答案 0 :(得分：1)
问题不在于CSS。这是因为您的CMS正在裁剪图像，并且是从图像中心进行裁剪。
首先，您需要在生成的缩略图上禁用裁剪。 wordpress中的设置将在
中找到Dashboard > settings > media
和（取决于您安装的woocommerce）
Dashboard > Woocommerce > Settings > Product > Product Image Sizes
您还需要在主题代码中的任何位置禁用可能导致问题的裁剪。寻找与
类似的功能 add_image_size( $name, $width, $height, $crop );
其中$ crop将是一个我们想要假的真正的虚假陈述。
然后您需要重新生成缩略图。 您可以使用this plugin来执行此操作。
然后你可以使用css设置包装图像的大小以及设置overflow：hidden，然后将图像样式min-width和min-height设置为100％。这样，如果您上传不同大小的图像，它仍然可以正确裁剪。