最近一直忙于工作，修改BUG，很少有時(shí)間上來(lái)總結(jié)一些東西，實(shí)在抱歉，對(duì)于時(shí)間的管理上自己還是得加強(qiáng)，沒(méi)時(shí)間不能做為一種理由。

提高用戶體驗(yàn)關(guān)鍵在于細(xì)節(jié)。

經(jīng)常會(huì)發(fā)現(xiàn)一些表單元素與標(biāo)簽對(duì)不齊的現(xiàn)象，如下圖片所示：

?

?

做為專(zhuān)業(yè)者不能視而不見(jiàn)的，其實(shí)兩句代碼就能將對(duì)齊解決：

    body{font-family:Tahoma;}
input,label{vertical-align:middle;}
  

? 其中font-family:Tahoma為關(guān)鍵點(diǎn), 當(dāng)然你可以根據(jù)自已需要而更改，不需在BODY里控制font-family，可以定義一個(gè)class，運(yùn)用到提示文字的容器里。

    <form id="form1" name="form1" method="post" action="">
 <p>
  <input type="checkbox" name="checkbox" value="checkbox" />
  <label>選項(xiàng)一</label>
 </p>
 <p>
  <input type="checkbox" name="checkbox" value="checkbox" />
  <label>選項(xiàng)二</label>
 </p>
 <p>
  <input type="radio" name="radiobutton" value="radiobutton" />
  <label>選項(xiàng)一</label>
 </p>
 <p>
  <input type="radio" name="radiobutton" value="radiobutton" />
  <label>選項(xiàng)二</label>
 </p>
</form>
  

類(lèi)似表單還在整理一套規(guī)范，希望大家提寶貴建議?~

表單元素對(duì)齊