代码之家  ›  专栏  ›  技术社区  ›  radman

<pre>标记浏览器关闭段落

  •  6
  • radman  · 技术社区  · 14 年前

    我对下面的HTML有问题:

    <html>
      <body>
        <p style="font-size: large"> 
            Some paragraph text 
            <span><pre style="display:inline">some span text</pre></span> 
            additional paragraph text that continues ...
        </p>
    
      </body>
    </html>
    

    使用chromeshtml检查选项显示 <p> 标记正在关闭,并且一个空的 <span></span> 插入而不是封闭 <pre> . 如果跨距被移除,chrome仍会关闭 <p>

    我需要有以下标签结构显示没有任何新行被强迫 <p><span><pre><code></code></pre></span></p>

    编辑: <前>

    注:

    3 回复  |  直到 14 年前
        1
  •  11
  •   qmega    14 年前

    扔掉那些垃圾 pre 全部贴上标签,然后把你的 span style="white-space:pre" . 看到了吗 this page white-space 选项。

    <pre> <div style="white-space:pre"> ;你想要的是 <span style="white-space:pre"> .

        2
  •  6
  •   Amber    14 年前

    段落标记不能包含块级元素:

    http://www.w3.org/TR/html401/struct/text.html#h-9.3.1

    pre 是块级元素。

    您可以改为设置CSS样式 white-space: pre 之前

        3
  •  1
  •   meder omuraliev    14 年前

    pre 是块级元素,不允许位于 span 如果记忆正确的话。