您的位置:首页 > 前端开发 > 技术笔记

checkbox元素与文字垂直对齐方法

2015-02-02 17:17:56

第一种方法:

<label><input type="checkbox" name="dy"  style="float:left;height:30px;margin: 0px; padding: 0px" /><em style="float:left;line-height:30px;">文字部分</em></label>

checkbox设定一个高度,它就会在这个高度内垂直居中,文字部分则用line-height控制其居中。


第二种方法:

<label><input type="checkbox" name="user"  style="vertical-align:-2px" />文字部分</label>

给input加属性vertical-align:-2px


more 练手的东东
more 转载
more 最近访客