CSS小技巧,文字与Input垂直居中对齐
- 2007-11-22
- 分类：XHTML+CSS
- 作者：银子
- 478 次查看
最近跟表单经常打交道，经常出现文字与所对应该的input不能垂直居中对齐的问题(文字默认是与input底部对齐的),查找了下css2.0帮助手册,找到了解决办法，原来是这么easy.
<p>
<input type="text" name="author" id="author" style="vertical-align:middle" />
<label for="author"><small>呢称</small></label>
</p>
<input type="text" name="author" id="author" style="vertical-align:middle" />
<label for="author"><small>呢称</small></label>
</p>
vertical-align:middle
将支持 valign 特性的对象的内容与对象中部对齐
