html/css笔记 如何html或者xml网页中插入空格

1.xml中插入空格

<string name="user">&#160;&#160;&#160;&#160;姓名:</string>

说明：  这个就代表着空格，一个 相当于英文的一个字母的占位，四个 相当于一个汉字的占位。

2.HTML中插入空格

1. 使用 <pre> 标签在 HTML 文本中插入空格
2. 使用&nbsp; 在 HTML 文本中插入空格
3. 使用 CSS padding 属性在 HTML 文本中插入空格

（1） <pre> 标签定义了一个预先格式化的文本。它完全按照 HTML 代码中所写的方式呈现文本。此标签内的空白区域显示为已写入。几乎所有的网络浏览器都支持它。我们可以使用 <pre> 标签在 HTML 文本中插入空格。

<pre>你好，    吃饭了吗？</pre>

效果： 

 

（2）我们可以使用  标记以在 HTML 代码的文本中添加空格。实体 NBSP 代表不间断空间。不间断空格解释为不会换行的空格。由不间断空格分隔的两个单词将位于同一行而不是不同的行。阻止浏览器截断 HTML 页面中的空格是有利的。

• &nbsp;字符：不断行的空白格，该空格占据的宽度受字体影响。
• &ensp;字符：相当全角状态键入半个“空格”键（半个汉字的宽度）。
• &emsp;字符：相当全角状态键入“空格”键（1个汉字的宽度）。

<span>我的&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名字&ensp;&ensp;是张&emsp;三</span>

效果： 

（3）我们可以使用 padding 属性和 <span> 标签来实现空白空间。<span> 标签被称为内联容器，因为它不从新行开始。它用于标记文本或文档。它本质上不代表任何东西，因为它不会单独产生任何视觉变化。

<div>
    今天天气<span style="padding-left: 30px;"></span>真好啊！
</div>

效果：