21

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

有人可以给我示例代码吗？

4

12 回答 12

34

您可以使用&nbsp;，也就是非破坏空间。

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

于 2012-08-27T15:11:34.553 回答
22 
&nbsp;

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

于 2012-08-27T15:11:20.230 回答
5

“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>
于 2015-01-19T21:10:48.343 回答
5

正如其他人已经回答的那样，$nbsp;将输出不间断的空格字符。这是w3 文档&nbsp和其他文档。

但是还有其他方法可以做到这一点，现在我更喜欢使用CSS 样式表。还有针对初学者的 w3c 教程。

使用 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>
于 2012-08-27T15:36:10.617 回答
2

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

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

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

于 2012-08-27T16:35:36.643 回答
2

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

于 2016-05-29T15:17:42.670 回答
1

使用white-space: pre：

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

于 2020-02-12T13:36:13.273 回答
0

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

于 2012-08-27T15:35:53.193 回答
0

如果您正在寻找段落缩进，那么您可以在 CSS 中使用“文本缩进”声明。

<!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>
于 2015-01-18T20:48:52.647 回答
0

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

于 2019-06-26T08:15:09.127 回答
0

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

  • 例 1：

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

于 2019-11-07T09:15:37.207 回答
-2

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

于 2015-06-19T11:02:51.107 回答