label和input裏面文字不對齊的解決方法！

 

測試了集中方法，發現不行。只能用專署標籤解決這個問題。

<fieldset>
    <legend>神光諮詢後臺管理登陸</legend>
    <br />
      <label>管理員</label>
      <input type="text"/><br />
      <label>密&nbsp;&nbsp;&nbsp;&nbsp;碼</label>
      <input type="text"/><br />
      <label>安全碼</label>
      <input type="text"/><br />
      <label>驗證碼</label>
      <input type="text"/>&nbsp;&nbsp;<img alt="點擊刷新驗證碼" id="imgCheckCode" width="80" height="20" style="CURSOR: pointer" src="CheckCode.aspx" onclick="CheckCode()" align="absmiddle" />
    </fieldset>

      <p><input type="submit" name="submit"value="登陸" class="putbutton" />&nbsp;&nbsp;<input type="submit" name="submit" value="取消" class="putbutton" /></p>

IE8下面 input和label裏面的文字是天然對齊的。可是ie6和ie7徹底不正確，不少人的操做方法多是將文字和input框分開分別放置到2個不一樣的div裏面去解決。後來看了一下，沒有必要採用這種方式。用hack解決就能夠了。

so

input{width:150px;border:1px solid #66838c;margin:0 0 6px 0;*+vertical-align:bottom;_vertical-align:middle;}

這個是主要代碼。利用「*+」,來專署定義IE7，利用「_」 來專署定義IE6。 定義過程當中必須先將IE7放置到前面，IE6放置到後面，根據偏移量的不一樣選擇上下浮動關係。 vertical-align:bottom ；因爲我使用了高度比較合適這個，因此選擇了bottom，正常狀況 middle就行！