html 空格

html 空格

刚刚学写 HTML 代码时候，我曾碰到这样的问题：在代码里加入一连串空格，在浏览器上显示的时候，却只看到一个空格。

通常情况下，HTML 会裁掉文档中的空格。假如你在文档中连续输入 10 个空格，那么 HTML 会去掉其中的 9 个。

常用的解决方法是，用" “来代替空格，一个” “相当于一个空格，多加几个” “就可以把空格拉大。

虽然” “可以当作空格用，但是” “其实和空格是不一样的，

不同空格符合的区别

•   半角的不断行的空白格（推荐使用）
•   半角的空格
•   全角的空格

详细的含义：

 

这是我们使用最多的空格，也就是按下 space 键产生的空格。在 HTML 中，如果你用空格键产生此空格，空格是不会累加的（只算 1 个）。要使用 html 实体表示才可累加。该空格占据宽度受字体影响明显而强烈。在 inline-block 布局中会搞些小破坏，在两端对齐布局中又是不可少的元素。

 

此空格有个相当稳健的特性，就是其占据的宽度正好是 1/2 个中文宽度，而且基本上不受字体影响。

 

此空格也有个相当稳健的特性，就是其占据的宽度正好是 1 个中文宽度，而且基本上不受字体影响。

使用场景

对于 和 在一些中文排版对齐方面可以使用，如下 html 代码：

<ul>
    <li class="li">姓&emsp;&emsp;名：<input type="text" /></li>
    <li class="li">手&ensp;机&ensp;号：<input type="text" /></li>
    <li class="li">电子邮箱：<input type="text" /></li>
</ul>

空格新成员&#x3000

更多 HTML 搜索

通过查看前端开发者在搜索引擎里的搜了哪些 HTML 内容，可以知道他们实际工作使用了什么技术或者什么地方薄弱；

你可以通过点击 HTML 常见搜索 来查看前端开发者都在搜哪些内容；

注：这里仅收录了常见搜索，并不是无论搜索什么都记录在里面的；

如果你是为了面试做准备的，那么推荐你查看 HTML面试题，这里基本包涵了市场上的所有 HTML 方面的面试题，让你更加牢固的掌握 HTML 知识