【问题标题】:how to put < > and double space or multiple space in my html tag or in my element [duplicate]如何在我的html标签或我的元素中放置<>和双倍空格或多个空格[重复]
【发布时间】:2022-01-19 07:18:35
【问题描述】:

如何在html标签中放置''或更多空间

这是我的代码有问题。

<div>
  <p> > or < </p>
</div>

【问题讨论】:

  • 小于:&amp;lt; 大于:&amp;gt;,空格:&amp;nbsp;

标签: html html-entities


【解决方案1】:

你可以使用SGML HTML entities to render HTML's reserved characters:

  • &amp;lt; = &lt;
  • &amp;gt; = &gt;
  • &amp;amp; = &amp;
  • &amp;quot; = "
  • &amp;nbsp; = Non-breaking space

&amp;nbsp; 实体很有用,因为浏览器 will collapse consecutive whitespace characters 合二为一(所以 &lt;p&gt;Foo bar&lt;/p&gt;&lt;p&gt;Foo bar&lt;/p&gt; 看起来相同,但 &lt;p&gt;Foo&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;bar&lt;/p&gt; 将有额外的空间)。

...但是你不应该使用&amp;nbsp; 来设置元素间距和布局(而是使用CSS 的marginpadding),如果你真的想要非折叠空白,那么consider using CSS's white-space with pre, pre-wrap, or break-spaces(因为只有这些值不会折叠连续的空格和制表符,而 normalnowrappre-line 会折叠空格。


<div>
  <p> &gt;&nbsp;&nbsp;&nbsp;&nbsp;or&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt; </p>
</div>

【讨论】:

    猜你喜欢
    • 2017-01-12
    • 2015-09-01
    • 2011-02-18
    • 1970-01-01
    • 2017-02-28
    • 2021-11-03
    • 2020-04-18
    • 1970-01-01
    • 2020-12-09
    相关资源
    最近更新 更多