Css 调整页脚中的图像边距

在页脚这里，我保留了一张图片。但我无法调整它的上下边距

图像应该正好位于页脚的中间。哪一类反映了它

代码笔演示：

我想调整页脚中间的share-shayri.jpg图像

更新

---

注意：在标题中我也有一个图像。我不希望将stlye更改为页脚会在页眉中受到影响。

您可以将图像包装在一组两个div中：

<li>
    <div id="wrapper">
        <div align="center" id="wrapper-inner">
            <a href="#" class="navbar-brand scroll-top">
                <img class="img-brand" src="http://shayariwallpapers.files.wordpress.com/2013/03/sher-shayari.jpg" height="25" width="20"></img>
            </a>
        </div>
    </div>
</li>

---

这将使其水平和垂直居中

您可以将图像包装在一组两个div中：

<li>
    <div id="wrapper">
        <div align="center" id="wrapper-inner">
            <a href="#" class="navbar-brand scroll-top">
                <img class="img-brand" src="http://shayariwallpapers.files.wordpress.com/2013/03/sher-shayari.jpg" height="25" width="20"></img>
            </a>
        </div>
    </div>
</li>

---

这将使其水平和垂直居中

您的css在学习时有点混乱…另外…参考链接url未被回答，仍然：

因为，您的图像位于

标记中，它的
溢出：隐藏在某处…识别它，然后将其添加到css中

 a.my_custom_a{
      display:inline-block;
      border:1px solid red;
      vertical-align: middle; /*key*/
    }

用于标记

  <a href="#" class="navbar-brand scroll-top my_custom_a">
     <img class="img-brand" src="http://shayariwallpapers.files.wordpress.com/2013/03/sher-shayari.jpg" height="25" width="20"></img>
  </a>



这会解决你的问题
 您的css研究有点混乱…另外…参考链接url未被回复，仍然：

因为，您的图像位于
标记中，它的
溢出：隐藏在某处…识别它，然后将其添加到css中

 a.my_custom_a{
      display:inline-block;
      border:1px solid red;
      vertical-align: middle; /*key*/
    }

用于标记

  <a href="#" class="navbar-brand scroll-top my_custom_a">
     <img class="img-brand" src="http://shayariwallpapers.files.wordpress.com/2013/03/sher-shayari.jpg" height="25" width="20"></img>
  </a>



这会解决你的问题
 只是想澄清一下是垂直对齐吗？只是想澄清一下是垂直对齐吗？嗨…恭喜你的第一次10次代表…**建议：*首先尝试查找OP的错误…然后如果你觉得存在更好的解决方案…建议一个原因！！：）谢谢你的建议。。。感谢我…祝贺你的前10次代表…**建议：*首先尝试找出OP的bug…然后如果你觉得更好的解决方案存在…建议一个理由！！：）谢谢你的建议。。。欣赏你的摇滚乐，我希望你能记住，但它仍然不能在你的
a
tag中添加这个，其中包含图像=>
border:1px solid#000你不会看到底部边框…这意味着底部是截断的…你的图像是垂直对齐的，但是由于<代码>隐藏溢出<代码>，你不能看到它……它不是在中间伙伴对齐……这是为了显示图像<代码>容器< /代码>是不完全可见的……！！！pSo你能帮我在middleyou rocks中对齐它吗？我希望你记住，但它仍然不能在middleyou rocks中对齐。请将此添加到包含图像=>
边框的
标记中：1px solid#000你不会看到底部边框…这意味着底部是截断的…你的图像是垂直对齐的，但是由于<代码>隐藏溢出<代码>，你不能看到它……它不是在中间伙伴对齐……这是为了显示图像<代码>容器< /代码>是不完全可见的……！！！pSo你能帮我把它放在中间吗