居中一個由響應式視圖裁剪的圖像

我有一個標籤，它在移動時保持全高，但寬度被丟棄（這正是我想要的）。現在我該如何居中這個圖像？我曾嘗試：居中一個由響應式視圖裁剪的圖像

保證金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

居中一個由響應式視圖裁剪的圖像

回答

相關問題