試圖在中心放置圖像（以響應方式）

Question

我嘗試了以下方法，但它們似乎並不適用於我（我確定我做錯了某些事情 - 我需要幫助來弄清楚它是什麼） 。該圖像位於HTML標題部分（不是主體）。

1. 我在HEAD部分引導（圖像之前和它得到從瀏覽器緩存，所以希望它得到在頭用於圖像拾取）

2. 我有嘗試將以下內容添加到圖像的CSS（並且當它不工作時，我嘗試在圖像周圍添加一個div並將該類指定給div）：

   display：inline; text-align：center; margin：auto;

3. 我也試過在CSS以下時選擇2不工作：

   顯示：內聯; margin：auto; horizo​​ntal-align：center;

我試圖顯示：塊代替顯示的：直列爲好。任何關於解決這個問題的想法（特別是不依靠bootstrap的話都會受到歡迎）。提前致謝！

Answer 1

首先，您不能在設置爲display:inline的元素上設置保證金。

這裏是一個偉大的指南，你應該閱讀：

http://www.tipue.com/blog/center-a-div/

Answer 2

放置在一個DIV的圖像，然後把文本對齊：在DIV中心。而已。對中元件

http://cdpn.io/aDBhq

Answer 3

一般的CSS屬性：

{ 
    display:block; 
    margin: 0 auto; 
}