label文字与textarea、input垂直居中对齐的方法
今天在修改网站时发现label标签里文字与Iput、textarea标签不垂直对齐,网页实在不美观。就通过研究得到了一个label文字与input、textarea垂直居中对齐的简单方法,关键在于css标签vertical-align: middle。
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>
购买企业邮箱
label文字与textarea、input垂直居中对齐,虽然很久没有接触了,感觉蛮简单的