居中一个由响应式视图裁剪的图像

我有一个标签，它在移动时保持全高，但宽度被丢弃（这正是我想要的）。现在我该如何居中这个图像？我曾尝试：居中一个由响应式视图裁剪的图像

保证金0自动文本对齐：中心

无如果平时形象为中心的方法似乎工作。可以查看下面的图像：

http://helenshill.com.au/beta2/shop/

我已经加入：

宽度：100％;

它以图像为中心，但也偏斜了尺寸。我希望图像保持纵横比，但要切断并居中。

来源

2017-08-06 JoshRicha

问题寻求帮助调试（ “为什么不是这个代码的工作？”）**必须包括* *期望的行为，特定的问题或错误以及**在问题本身**中重现**所需的最短代码**。没有明确问题陈述的问题对其他读者无益。请参阅：[如何创建最小，完整和可验证示例]（https://stackoverflow.com/help/mcve）。 – caramba

使问题清晰..你实际需要什么？ –

你需要.product img来调整大小吗？ –

试试这个

CSS

.product img{ 
max-width:100%; 
}

希望这有助于...

来源

2017-08-06 06:44:21

居中一个由响应式视图裁剪的图像

回答

相关问题