为什么我的内容会脱离 div 结构？答案

【问题标题】：why is my content breaking out of div structure?为什么我的内容会脱离 div 结构？
【发布时间】：2014-09-09 05:25:25
【问题描述】：

我有一个 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>

【问题讨论】：

你的内容一定有问题。
stackoverflow.com/questions/3172481/…
请删除所有这三个标签，这个问题应该放在css标签中。还有一件事，删除这个 php 代码并在此处添加生成的内容，或者更好的是为它创建 fiddle .. 这是链接 jsfiddle.net
请提供the_content生成的代码。

标签： css wordpress text

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

The_content 会生成段落，因此您必须在 CSS 中处理段落。就像如果你有内容 ABC 那么 the_content 会将其呈现为

ABC

【讨论】：

【解决方案3】：

Wordpress 内容总是包裹在段落标签中，你需要相应地调整你的 CSS 段落标签，默认情况下，段落标签有边距，这就是你的内容中断的原因。

【讨论】：