博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
(转)表单元素与提示文字无法对齐的问题(input,checkbox文字对齐)
阅读量:5304 次
发布时间:2019-06-14

本文共 1204 字,大约阅读时间需要 4 分钟。

 

 

 

<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
 
<
html 
xmlns
="http://www.w3.org/1999/xhtml"
>
 
<
head
>
 
<
meta 
http-equiv
="Content-Type"
 content
="text/html; charset=UTF-8"
 
/>
 
<
title
>
测试vertical-align
</
title
>
 
    
<
style
>
 
 
    label
{
vertical-align
:
middle
}
 
    .inputcheckbox
{
vertical-align
:
middle
;
}
 
    body
{
font-family
:
tahoma
;
font-size
:
12px
;
}
 
    
</
style
>
 
</
head
>
 
<
body
>
 
<
input 
class
="inputcheckbox"
 name
="test"
 value
="1"
 type
="checkbox"
>
 
<
label
>
测试文字x
</
label
>
 
<
br
/><
br
/>
 
<
input 
class
="inputcheckbox "
 name
="test2"
 value
="2"
 type
="radio"
>
 
<
label
>
测试文字x
</
label
>
 
<
br
/><
br
/>
 
<
input 
class
="inputcheckbox "
 name
="Text1"
 type
="text"
 
/>
 
<
label
>
文字
</
label
>
 
<
input 
class
="inputcheckbox "
 name
="Text1"
 type
="text"
 
/>
 
<
label
>
文字
</
label
>
 
<
br
/><
br
/>
 
<
label
>
测试文字
</
label
>
 
<
input 
class
="inputcheckbox "
 name
="Button1"
 type
="button"
 value
="按钮"
 
/>
 
<
br
/><
br
/>
 
<
select 
class
="inputcheckbox "
 name
="Select1"
>
 
<
option
>
测试文字
</
option
>
 
</
select
>
 
<
label
>
测试文字
</
label
>
 
</
body
>
</
html
>
 

 

转载于:https://www.cnblogs.com/konbluesky/archive/2011/09/09/2172206.html

你可能感兴趣的文章
属性动画
查看>>
标识符
查看>>
给大家分享一张CSS选择器优选级图谱 !
查看>>
Win7中不能调试windows service
查看>>
通过httplib2 探索的学习的最佳方式
查看>>
快来熟练使用 Mac 编程
查看>>
Node.js 入门:Express + Mongoose 基础使用
查看>>
一步步教你轻松学奇异值分解SVD降维算法
查看>>
使用pager进行分页
查看>>
UVA - 1592 Database
查看>>
Fine Uploader文件上传组件
查看>>
javascript中的传递参数
查看>>
objective-c overview(二)
查看>>
python查询mangodb
查看>>
consonant combination
查看>>
驱动的本质
查看>>
Swift的高级分享 - Swift中的逻辑控制器
查看>>
Swagger简单介绍
查看>>
Python数据分析入门案例
查看>>
vue-devtools 获取到 vuex store 和 Vue 实例的?
查看>>