有用的空格:使用空格实现字数不等的文字等宽对齐

& n b s p ;
这是我们使用最多的空格,也就是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加。该空格占据宽度受字体影响明显而强烈。

& e n s p ;
该空格占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。

& e m s p ;
该空格占据的宽度正好是1个中文宽度,而且基本上不受字体影响。

基于上述空格特性,我们可以使用后两个空格实现字数不等的文字等宽对齐,如表单的文字选项对齐,代码如下:
<pre>
<p><label>手& e m s p ; & e m s p ; 机:<input type="text" name="" /></label></p>
<p><label>用& e n s p ; 户 & e n s p ; 名:<input type="text" name="" /></label></p>
<p><label>电子邮箱:<input type="text" name="" /></label></p>
</pre>
需要注意的是,要想用空格实现完全相等的宽度。必须使用偶数像素的字体大小,例如12px, 14px, 16px。因为像素没有半像素这个概念。

posted @ 2014-04-30 17:09  志在,道在  阅读(751)  评论(0编辑  收藏  举报