如何在HTML中留空间

时间:2012-08-27 15:05:32

标签: html tags

我知道HTML对空间不敏感。但是我可以使用什么来在单词或短语之间创建空格。我尝试了<p></p>这种标记,但HTML会自动省略它。

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

12 个答案:

答案 0 :(得分:30)

您可以使用&nbsp;,又称Non-Breaking Space

  

它本质上是一个标准空间,主要区别在于浏览器不应该在此&nbsp;占用的点处中断(或换行)一行文本。

答案 1 :(得分:15)

&nbsp;

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

答案 2 :(得分:4)

正如其他人已经回答的那样,$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>

答案 3 :(得分:3)

&#34; pre&#34;标签定义预格式化的文本。它保留了空格和换行符。

<!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>

答案 4 :(得分:2)

“对太空不敏感”过于简单化。更准确的描述是连续的空格字符(空格,制表符,换行符)等同于正常内容中的单个空格。

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

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

答案 5 :(得分:2)

要在 html 中为您的文字添加不间断空格真实空间,您可以使用cd字符实体

答案 6 :(得分:1)

使用white-space: pre

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

答案 7 :(得分:0)

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

答案 8 :(得分:0)

如果您正在寻找段落缩进,那么您可以选择&#39; text-indent&#39; 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>

答案 9 :(得分:0)

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

答案 10 :(得分:0)

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

答案 11 :(得分:0)

在文本之后或之间,使用&nbsp;(不间断空格)扩展的HTML字符。

  • EG 1:

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