阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      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 知识

      目录
      目录