我怎样才能摆脱那里的 return ？

Question

我试图在我的 wordpress 循环中删除以下 return。我想在条目旁边显示一个缩略图，它看起来很糟糕：

我尝试对条目使用填充，但更糟！！

这是我的代码：

#thumbnail_single {
  float: left;
}
.entry_single {
  padding: 20px;
}

<div id="single">

  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  <h2 class="title_single"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>

  <div id="thumbnail_single">

    <?php if ( has_post_thumbnail() ) : ?>
    <?php the_post_thumbnail(); ?>
    </a>
    <?php endif; ?>

  </div>
  <div class="entry_single">
    <?php the_content(); ?>
  </div>
  <?php endwhile; endif; ?>

</div>
<!-- single -->

感谢您对此的帮助！

Answer 1

也尝试为您的 #thumbnail_single 添加 20 像素的内边距

Answer 2

我不完全清楚，但有 2 个选项取决于最终结果：

换行文字：

#thumbnail_single {
  float: left;
  margin-right:20px;
}
.entry_single {

}

文本未换行：

涉及BFC : http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/

#thumbnail_single {
  float: left;
}
.entry_single {
  padding: 20px;
  overflow:hidden;
}

我怎样才能摆脱那里的 return ？

How can I get rid of the return there?

html

css

wordpress

positioning