为什么我的内容突破了div结构？

Question

我有一个wordpress页面，当我把我的文本放在html / css结构硬编码stye中时，它适合，但当我尝试通过wordpress <?php echo the_content();?>时，它会突破结构。

这是硬编码版本与wordpress php生成版本

<div class="wrapper">
  <p class="about-text">
     hardcoded text stays in fine
  </p>
</div>

<div class="wrapper">
    <p class="about-text">
        <?php if (have_posts()): while (have_posts()) : the_post(); ?>
        <?php echo the_content(); ?>
        <?php endwhile; ?>
        <?php else: ?>
        <?php endif; ?>
    </p>
</div>

Answer 1

将<p class="about-text"></p>替换为<div class="about-text"><div>

<? the_content; ?>会为您生成段落，因此您最终会得到无效的HTML，因为您会将<p>个标记嵌套在另一个<p>标记中。

Answer 2

The_content会生成段落，因此您必须处理CSS中的段落。 就像你有内容ABC一样，the_content会将其呈现为

ABC

Answer 3

Wordpress内容始终包含在段落标记中，您需要相应调整段落标记的css， 默认情况下，段落标记有边距，这就是内容中断的原因。