显示100x100的缩略图，中心图像垂直和水平，css保持纵横比

Question

我想在100x100缩略图中显示图像，该缩略图将垂直和水平居中保持纵横比，并且必须填写100x100缩略图div，例如800x600的图像必须垂直填充并从两侧水平溢出。我怎么能用css做到这一点？

Answer 1

如果你有一些像photoshop这样的绘画程序，请拍一些照片并展示你想做的一切。也许我们会知道如何帮助因为我知道我没有得到你想要的东西。 如果你只想在css使用边距上对齐图像：50％50％;它给你X - 中心和Y - 中心+它取决于它的位置：绝对;或亲戚...... 例如：

<div style="width:400px;hegiht:500px;">
<img src="bla.jpg" width="100px" height="100px" style="margin: 50% 50%;" /> // It only will be centered in this Div only!
</div>