希望我能正确理解你想要什么。我认为您需要将内容本身包装在一个名为excerpt_content
并使其成为与顶部对齐的内联块。然后您可以使用has_post_thumbnail()
作为一个条件,为其指定另一个类来限制宽度,使其显示在帖子缩略图旁边,而不是下方。不确定这是否是最优雅的方式,但它确实有效。请注意,如果您希望在IE7中使用此功能,则必须使用float
相反
因此,CSS:
.excerpt_content.with-thumbnail {
display: inline-block;
width: 416px;
vertical-align: top;
}
你
.sub-title
类不应该再需要任何填充。您的代码看起来更像这样:
<?php get_header(); ?>
<div id="container">
<div id="main_index">
<div class="main_adjust">
<!-- Grab posts -->
<?php while (have_posts()) : the_post(); ?>
<!-- Begin excerpt wrap -->
<div class="excerpt_wrap">
<div class="excerpt_inside">
<?php if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink() ?>">
<?php the_post_thumbnail( \'thmb-index\' ); ?>
</a>
<?php } ?>
<div class="excerpt_content<?php if ( has_post_thumbnail() ) echo \' with-thumbnail\'; ?>">
<span class="index_title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></span>
<span class="sub-title">By <?php the_author_posts_link( ); ?> <span class="sub-title-divider">|</span> <?php the_time(\'F j, Y\'); ?> <span class="sub-title-divider">|</span> <a href="#commentlist"><?php comments_number( \'No comments\', \'One comment\', \'% comments\' ); ?></a></span>
<?php the_excerpt(); ?>
</div><!-- .excerpt_content -->
<!-- End excerpt wrap -->
</div>
</div>
<?php endwhile; ?>
<!-- Next/Previous entries -->
<div class="mp_archive">
<div id="more_posts">
<div class="oe"><?php next_posts_link(\'« Older\') ?></div><div class="re"><?php previous_posts_link (\'Newer »\') ?></div>
</div>
</div>
</div>
</div>
<?php get_sidebar(); ?>
</div>
</div>
<?php get_footer(); ?>