html如何表示空格_html空格表示方法【步骤】

HTML中多个空格被合并为一个，可用五种方法实现多空格显示：一、用 实体；二、用标签；三、用CSS white-space属性；四、用加margin/padding；五、用Unicode空格字符。

如果您在HTML中直接输入多个空格，浏览器会将其合并为一个空格显示。以下是实现多个空格显示的多种方法：

一、使用 实体

 是HTML中表示不换行空格的字符实体，每个 渲染为一个标准空格，且不会被浏览器合并。

1、在需要插入空格的位置，输入 代码。

2、若需显示三个空格，则连续输入   。

立即学习“前端免费学习笔记（深入）”；

3、可在文本中间、段首或标签内任意位置使用，例如：

姓名：   张三

二、使用

标签包裹文本</h2>
<p><pre class="brush:php;toolbar:false;">标签保留文本中的所有空白符（包括空格、制表符和换行），按源码原样渲染。</p>
<p>1、将含空格的文本用<pre class="brush:php;toolbar:false;">与

登录后复制

包围。

2、确保HTML源码中已实际键入所需数量的空格。

3、例如：

地址：    北京市朝阳区

登录后复制

三、使用CSS white-space属性

通过设置white-space样式控制元素内空白符的处理方式，可保留空格并防止换行折叠。

1、为对应元素添加style属性，值设为white-space: pre;或white-space: pre-wrap;。

2、pre模式保留所有空白符且不自动换行；pre-wrap保留空白符但允许换行。

标签： css html 浏览器 邮箱