Iput、textarea標籤不垂直對齊，網頁實在不美觀。就通過研究得到了一個label文字與input、textarea垂直居中對齊的簡單方法，關鍵在於css標籤vertical-align: middle。

input：

textarea：

label文字與input、textarea垂直居中對齊的解決方法：在input標籤樣式中加入vertical-align: middle;即可解決。問題思路：瀏覽器對於“複選框”和圖片使用同樣的規則，把複選框當成一個正方形圖片來對待，既可以簡單實現abel文字與input、textarea垂直居中對齊。

label文字與input、textarea垂直居中對齊程式碼示例：

<label for="address"> input：</label><input type="text" name="address" id="address" maxlength="30" style="vertical-align:middle;" /> 
<label for="note"> textarea：</label><textarea name="note" id="note" style="width:150px;height:40px;vertical-align:middle;"></textarea>