试图将图像置于中心（以响应方式）

Question

我尝试了以下方法，但它们似乎对我不起作用（我确定我做错了什么 - 我需要帮助弄清楚它是什么）。图像位于HTML标题部分（不是正文）。

1. 我在HEAD部分有引导程序（在图像之前它从浏览器缓存中被拾取，所以希望它可以用于标题中的图像）

2. 我尝试将以下内容添加到图像的CSS中（当它不起作用时，我尝试在图像周围添加div并将类分配给div）：

   显示：内联; 文本对齐：中心; 余量：汽车;

3. 当选项2不起作用时，我也在CSS中尝试了以下内容：

   显示：内联; 保证金：汽车; 水平对齐：中心;

我尝试使用display：block代替 display：inline 。任何关于修复此问题的想法（特别是不依赖于引导程序）都会非常受欢迎。提前致谢！

Answer 1

居中元素的常规css属性：

{
    display:block;
    margin: 0 auto;
}

Answer 2

首先，您无法在设置为display:inline的元素上设置边距。

这是一本很棒的指南，你应该阅读：

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

Answer 3

将图像放在div中，然后将text-align：center放在div上。那就是它。

http://cdpn.io/aDBhq