图像不会一直居中

Question

徽标图片向左浮动约20％。我哪里出错？

<div class="container">
<div class="header" id="hd">
<header>
<div class="row">
<div class="span12 pagination-centered">
<a href="<?php echo get_settings('home'); ?>"><img src="http://www.blabla.com/wp-content/themes/lawyer/images/logo.png"></a></div>
</div>

.container {width: 100%;}
#hd {
background-color: #405160;
}
#lg {
margin: 0 auto;
position: relative;
}

Answer 1

让所有行都流畅，并且它完全对齐

Answer 2

尝试下面带有附加css类的代码。

.row：before，.row：after {     内容：“”;     显示：表;     line-height：0; }

.row：after {     明确：两者; }

.logo {     padding-top：10px; }

    <div class="row">
      <div class="logo">
        <a href="<?php echo esc_url(home_url('/')); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt=""></a>
      </div>
    </div>

感谢。