如何在页面中心内嵌完美的图像和文本

Question

如何在容器中间完美地居中图像和文本？

我的任务是将页脚中心的徽标和版权文本水平完美地居中。请分享您的CSS体验到类似的任务。

提前谢谢！

Answer 1

检查一下。
小提琴： http://jsfiddle.net/tbj3hsmL/

HTML：

<div class="footer">
    <img src="http://placehold.it/25x25" />
    <span class="text">Footer Text</span>
</div>

CSS：

.footer {
    padding: 10px;
    background: #ddd;
    text-align: center;
}
    .footer img {
        vertical-align: middle;
    }
    .footer .text {
        margin-left: 10px;
    }

Answer 2

只需要设想你想要居中的内容，并在css中这样做：

margin:0;