css - 为什么我的内容会脱离 div 结构？

Question

我有一个 wordpress 页面，当我将我的文本放在 html/css 结构硬编码麦粒肿中时，它适合正确，但是当我尝试通过 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> 中标签。