一、之前不了解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個字內使用，四個字看起來效果最好。
三、還有一種利用全角，但是由於輸入發和我的編輯沖突，另外也在編輯都是空格，真不太好區分那是什么樣的空格，所以我放棄這種方法。