如何在 HTML 中留出空格答案

【问题标题】：How to leave space in HTML如何在 HTML 中留出空格
【发布时间】：2012-08-22 02:49:05
【问题描述】：

我知道 HTML 对空格不敏感。但是我可以用什么来在单词或短语之间留出空格。我试过<p></p>这样的标签，但是HTML会自动省略它。

谁能给我示例代码？

【问题讨论】：

试试 w o r d
提示：html 删除除一个以外的所有空格。

标签： html tags

【解决方案1】：

您可以使用&nbsp;，也就是Non-Breaking Space。

它本质上是一个标准空间，主要区别在于浏览器不应该在&nbsp; 占据的位置中断（或换行）一行文本。

【讨论】：

这行得通，尽管现在我的 ASCII 艺术作品中的 TON 为 &nbsp;。

【解决方案2】：

&nbsp;

这将为您提供所需的空间。

【讨论】：

【解决方案3】：

正如其他人已经回答的那样，$nbsp; 将输出不间断空格字符。这里是w3 docs for &nbsp and others。

但是还有其他方法可以做到这一点，现在我更喜欢使用CSS stylesheets。还有w3c tutorials for beginners。

使用 CSS 你可以这样做：

<html>
    <head>
        <title>CSS test</title>
        <style type="text/css">
            p { word-spacing: 40px; }
        </style>
    </head>
    <body>
        <p>Hello World! Enough space between words, what do you think about it?</p>
    </body>
</html>

【讨论】：

【解决方案4】：

“pre”标签定义了预格式化的文本。它保留了空格和换行符。

<!DOCTYPE html>   
 <html>
        <body>
            <pre>This paragraph will be      pre-formatted. 
I hope this helps! 
All spaces will                    be shown as it is in the original file.
            </pre>
        </body>
 </html>

【讨论】：

【解决方案5】：

“对空间不敏感”过于简单化了。更准确的描述是，在正常内容中，连续的空白字符（空格、制表符、换行符）相当于单个空格。

您使用空格字符在单词之间留出空格：“hello world”。如果你想要更多的空间，你应该考虑你在做什么，因为在正常的文本内容中，这是没有意义的。对于间距元素，使用 CSS margin 属性。

要获得有用的示例代码，您需要描述特定问题，例如标记和所需渲染的描述。

【讨论】：

【解决方案6】：

要在html中的文本中添加不间断空格或真实空格，您可以使用&nbsp;字符实体。

【讨论】：

【解决方案7】：

使用white-space: pre:

<!DOCTYPE html>
<html>
<span style="white-space: pre">    My spaces   </span>
<br>
<span>     My spaces   </span>
</html>

【讨论】：

这似乎没有为现有答案添加任何内容。请务必在提供您自己的答案之前阅读所有现有答案，以确保不会出现重复内容。
我认为这不是重复，而是创建空间的最简单的内联解决方案。我尝试了其他解决方案，并在我的项目中使用了我的解决方案。我相信人们会欣赏这一点。 . 我的空间
这似乎是一个很好的解决方案，我不明白为什么它被否决了。

【解决方案8】：

使用文字不间断空格符号（是的，您可以复制/粘贴）、HTML 实体，或者，如果您正在处理大的预格式化块，请使用 white-space CSS property。

【讨论】：

【解决方案9】：

如果您正在寻找段落缩进，那么您可以在 CSS 中使用 'text-indent' 声明。

<!DOCTYPE html>   
 <html>
        <head>
            <style>
                p { text-indent: 50px; }
            </style>
        </head>
        <body>
            <p>This paragraph will be indented by 50px. I hope this helps! Only the first line will be indented.</p>
        </body>
    </html>

【讨论】：

【解决方案10】：

您可以使用white-space: pre CSS 属性保留空白，该属性将保留元素内的空白。 https://www.w3schools.com/cssref/pr_text_white-space.asp

【讨论】：

【解决方案11】：

在文本之后或中间，使用&nbsp;（不间断空格）扩展 HTML 字符。

EG 1：

这是一个示例段落。 &nbsp;&nbsp; 这是下一行。

【讨论】：

【解决方案12】：

如果您想在编辑网站时在 HTML 中留下空白，只需使用 <br /> 并将其复制粘贴到最后一个下方，然后继续这样做，直到您有足够的空间。希望对您有所帮助。

【讨论】：