【问题标题】:How to add <pre> tag inside the <p> in html? [duplicate]如何在html的<p>中添加<pre>标签? [复制]
【发布时间】:2017-06-14 10:26:11
【问题描述】:

我使用下面的代码将&lt;pre&gt; 扔到&lt;p&gt; 之外。那么,有没有办法在&lt;p&gt; 中插入&lt;pre&gt;。下面我附上我的代码。

<!DOCTYPE html>
<html>
 <head>
    <title></title>
 </head>
 <body>
    <p>
      <pre>
        dkjaskldjasklda
        skladjasklda
      </pre>
   </p>
</body>
</html>

【问题讨论】:

  • 出于好奇,谁或什么“将&lt;pre&gt;扔到&lt;p&gt;之外”

标签: html


【解决方案1】:

&lt;pre&gt; 是块级元素,&lt;p&gt; 不是。不能将块级元素放入&lt;p&gt;

如果您使用&lt;p&gt; 创建空白,您可以通过在&lt;pre&gt; 标记中添加margin-bottom 来解决此问题。

【讨论】:

  • 吹毛求疵:完全可以嵌套它们 (&lt;p&gt;&lt;pre&gt;See, I did it!&lt;/pre&gt;&lt;/p&gt;),根据规范,它只是无效的 HTML5。 ;)
  • @SatyaNaiduPendem:到底是什么不起作用?你知道如何使用 CSS 给&lt;pre&gt; 标签添加边距吗?
  • &lt;pre style="margin-bottom: 1em"&gt;&lt;/pre&gt; 或者您可以阅读如何制作样式表。
  • Satya,关键是您应该首先将pre 放在p 中!
猜你喜欢
  • 2010-10-29
  • 2021-10-22
  • 2010-09-05
  • 2021-05-27
  • 2011-03-21
  • 2014-11-13
  • 2018-05-07
  • 2021-01-27
  • 1970-01-01
相关资源
最近更新 更多