html的空格符

Posted by czr on July 24, 2016

html的空格符主要有以下这几种

主要分类

  1. 不换行空格:&nbsp 作用:主要用来让英文不断行,比如icon-font card,有可能会换行成card会被单独换行,改为icon-font card;换行的时候就不会变成 icon- font card;&nbsp不会被打断;

  2. 随字体大小而变化的空格: $emsp:  作用:排版 这个三种的比例分别是1/2em,1em,1/6em.

以下是没有用空格符的表单: 接下来是用了空格符的表单 对齐了很多!(oh yeye)

  1. 零宽连字控制空格:‌ 和 ‍ 作用:(这个基本上没怎么用。。。) 强制不连字 例如在德语中,”f” 与 “l” 之间连写会变成一个新字符,整个单词对应的语义也会发生改变或者产生不符合语法的情况。

最后需要强调的是,虽然 Unicode 中有着各种不同特性的空格可以用于排版,但理论上还是不应该用空格来进行排版,排版应该是 CSS 负责控制的,用于排版的空格并不属于内容但却与内容混排在一起,实际上相当不利于维护。只有当不便于使用 CSS(比如在 EML 中)等特殊情况时才考虑用空格参与排版。

原文链接


Creative Commons License
This work is licensed under a CC A-S 4.0 International License.