在很多网站涉及到表单的页面中,都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题。
关键词:
样式:
代码如下:
<style type=”text/css”>
body
{
font-family: tahoma;
font-size: 12px;
}
input[type=checkbox]
{
vertical-align: middle;
padding: 2px;
}
label
{
vertical-align: middle;
}
</style>
使用示例:
代码如下:
<input id=”Checkbox1″ type=”checkbox” /><label for=”Checkbox1″>文本内容</label>