如何在页脚中放置合作伙伴徽标?

时间:2014-10-01 08:32:46

标签: css css3 layout footer

如何在我网站的页脚(Like this)中添加合作伙伴的徽标?

3 个答案:

答案 0 :(得分:1)

好吧,只需在html中使用img标记即可。这有什么问题?

<footer>
<img class="footer-image" src="myImage.jpg">
</footer>

如果你想让他们全部对齐,请用div对其进行换行,然后为display: inline-flex

添加该次潜水的风格

答案 1 :(得分:1)

如果您想让它们位于底部链接(关于我们,服务)之下..那么请查看您的<div id="bottom-footer">,并且有一个名为<div class="site-info">的容器。

如果您不需要那么多徽标(2/3),只需在结束</div>之前添加自己的容器。

否则尝试在<div class="copyright">'s closing </div>之后添加容器。

答案 2 :(得分:0)

HTML

    ul {
      list-style-type: none;
    }
    li {
      display: inline-block;
      margin: according to the image size;
    }
<ul>
  <li>
    <img src="your_image.png">
  </li>
  <li>
    <img src="your_image.png">
  </li>
  <li>
    <img src="your_image.png">
  </li>
</ul>