0

我仍在努力完成我正在研究的这个主题。Atm 我正在尝试实现标头支持，但我的布局并不理想。一切都很好，直到我添加了这一行：

<img src="<?php header_image(); ?>" />

因此，标题当前如下所示：

<hgroup class="blog-header">
        <img src="<?php header_image(); ?>" alt="" />
        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
        <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
        <?php the_breadcrumb(); ?>
    </hgroup>

事情是这样的，当没有标题图像时，它工作得很好，但是当添加一个时，它会弄乱我的站点描述样式 - 这会从原来的位置增加几个像素。标题和描述应该是相互内联的，我不知道如何解决这个问题，而没有一种情况会出错..

这是我的风格：

.site-title {
font-family: 'Bree Serif', Georgia, serif;
font-weight: 700;
font-style: uppercase;
font-size: 30px;
color: #fff;
margin: 0 0 0 90px;
padding: 60px 25px 60px 0;
float: left;
}

.site-description {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: 400;
color: #c9c9c9;
padding: 68px 25px 60px 0;
}
4

1 回答 1

0

好的，这会很奇怪，但是如果您在 reset.css 中进入 body 类，并将 line-height=1 更改为 line-height=4px; 它向上移动。甚至只是从 1 更改为 1px；有用。

图片

让我知道这个是否奏效。

于 2013-07-26T19:57:19.347 回答