一、之前不了解css3的属性,更没听过flex布局

在处理表单前面的文字,两端对齐,按照我之前的前端人员,加空格处理,但是在不浏览器解析空格的宽是不一样的


上图就用空格,在不同浏览器显示的效果,有时候字体会溢出,这时候要用letter-space,那就更加……
所以这个种方法不可取
这个时候就用到flex布局,详细教程,参考下面网址
详细参考:http://www.webclks.com/archives/3016
测试:http://www.runoob.com/cssref/css3-pr-justify-content.html
这里简单给出一个例子:
css:

html

效果:

二、但是这样会添加很多标签,这个时候我可以采用第二种方法,利用转义符
" ":(non-breaking space,nbsp,#160),这是我们使用最多的空格,也就是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加。为了便于记忆,我总是把这个空格成为“牛逼(nb)空格(sp - space)”,虽然实际上并不牛逼。该空格占据宽度受字体影响明显而强烈。在inline-block布局中会搞些小破坏,在两端对齐布局中又是不可少的元素。
" ":(en space,ensp,#8194),该空格学名不详。为了便于记忆,我们不妨就叫它“恶念(e n-ian)空格”。此空格传承空格家族一贯的特性:透明滴!此空格有个相当稳健的特性,就是其占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。
" ":(em space,emsp,#8195),为了便于记忆,我们不妨就叫它"恶魔(e m-o)空格"。此空格也传承空格家族一贯的特性:透明滴!此空格也有个相当稳健的特性,就是其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。
" ":(thin space,#8201),窄空白(小于1个字符宽度),受字体影响程度未知。
示例代码:

效果:

ps: 这种方法,字数特别多的时候显然不起效果,一般在6个字内使用,四个字看起来效果最好。
三、还有一种利用全角,但是由于输入发和我的编辑冲突,另外也在编辑都是空格,真不太好区分那是什么样的空格,所以我放弃这种方法。
