表单元素与提示文字无法对齐的解决方法(input,checkbox文字对齐

表单元素与提示文字无法对齐的解决方法(input,checkbox文字对齐

在很多网站涉及到表单的页面中,都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题。

关键词:

样式:

代码如下:

<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>

表单元素与提示文字无法对齐的解决方法(input,checkbox文字对齐

相关文章:

你感兴趣的文章:

标签云: