使用CSS代码的空格实现中文对齐的方法

使用一些空格实现个数不等的中文对齐或等宽。见下表：

其中的 和 ，由于具有某一超赞的特性，使其可以登上web届的舞台！什么特性呢？如上表加粗展示，1. 透明； 2. 宽度正好跟中文正好是1:2和1:1的关系，于是，一些中文排版对齐什么的，直接就可以使用这两个空格调节，如：

XML/HTML Code复制内容到剪贴板

1. <ul>
2. <li class="li">姓  名：<input type="text" /></li>
3. <li class="li">手 机 号：<input type="text" /></li>
4. <li class="li">电子邮箱：<input type="text" /></li>
5. </ul>

结果轻松实现了2字/3字/4字中文的等宽两端对齐效果：