Home  >  Article  >  Web Front-end  >  小tips: 使用等空格实现最小成本中文对齐_html/css_WEB-ITnose

小tips: 使用等空格实现最小成本中文对齐_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 08:49:541119browse

一、重见天日第二春

字符以及HTML实体 描述以及说明
这是我们使用最多的空格,也就是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加。为了便于记忆,我总是把这个空格成为“牛逼(nb)空格(sp - space)”,虽然实际上并不牛逼。该空格占据宽度受字体影响明显而强烈。在inline-block布局中会搞些小破坏,在两端对齐布局中又是不可少的元素。是个让人又爱又恨的小东东。
该空格学名不详。为了便于记忆,我们不妨就叫它“恶念(e n-ian)空格”。此空格传承空格家族一贯的特性: 透明滴!此空格有个相当稳健的特性,就是其 占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。
该空格学名不详。为了便于记忆,我们不妨就叫它”恶魔(e m-o)空格”。此空格也传承空格家族一贯的特性: 透明滴!此空格也有个相当稳健的特性,就是 其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。
该空格学名不详。我们不妨称之为“瘦弱空格”,就是该空格长得比较瘦弱,身体单薄,占据的宽度比较小。我目前是没用过这个东西,这里亮出来是让其过一下群众演员的瘾。
<ul>    <li class="li">姓  名:<input type="text" /></li>    <li class="li">手 机 号:<input type="text" /></li>    <li class="li">电子邮箱:<input type="text" /></li></ul>

二、空格新成员 

&copy;&copy;&copy;
  •  →  

  •  →  

三、更多内容

  1. \u6211, 如 console.log('\u6211');

  2. \6211, 如 .xxx:before { content: '\6211'; }

.half:before { content: '\2002'; speak: none; }.full:before { content: '\2003'; speak: none; }
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn