HTML如何实现多个空格

转载于 2021-11-11 15:05:46 发布 · 2.4k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/li_junli/article/details/120153112

文章标签：

#html #css #css3

编程专栏收录该内容

20 篇文章

订阅专栏

本文介绍了在HTML中如何实现多个空格的方法，包括使用实体引用(&nbsp;)和中文空格。通过实体引用可以创建连续的空格，而中文空格则通过全角方式输入。同时，提到了CSS对于样式美化的重要性，并提供了一个简单的示例。对于需要更多关于HTML和CSS知识的读者，推荐了相关的CSS教程链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML如何实现多个空格

在HTML页面中，字符之间的一个或多个连续的空格（包括空格中的制表符、换行符和回车），只能显示为一个空格。

若需要更多的空格，有两种方法：

1. 使用实体引用（&nbsp：）

2. 使用中文空格（即将输入法切换至中文，使用全角方式输入空格）

        <p>漫步1 时光广场</p>
		<p>漫步2     时光广场</p>
		<p>漫步3 时光广场</p>
		<p>漫步4 
		               时光广场</p>
		<p>漫步5 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;时光广场</p>

效果如下：
html 实现多个空格

如果需要对样式进行美化，需要我们具备css知识。css相关阅读

css 教程 - 迹忆客

原文链接：https://blog.youkuaiyun.com/li_junli/article/details/120153112