主页 > 知识库 > 表单checkbox和radio文字对齐的代码

表单checkbox和radio文字对齐的代码

热门标签:齐齐哈尔地图标注地点 南宁销售外呼系统线路商 400电话申请好不好 400电话座机怎么办理 电销机器人外呼失败怎么回事 吃鸡地图标注设置 天津销售电销机器人公司 县域地图标注点 邵阳市地图标注app
像type="radio" and type="checkbox"的对齐问题,测试浏览器:ie7+/firefox8.0
原理:将font-family中的第一个字体设置Verdana字体
测试代码如下:

复制代码
代码如下:

<!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>表单元素input、文字完美垂直居中对齐方法-脚本之家webjx.com</title>
<style type="text/css">
body {font:12px/24px verdana;}
ul {list-style:none;}
input,label { vertical-align:middle;}
</style>
</head>
<body>
<ul>
<li><input type="radio" /><label>为受益人的合同</label></li>
<li><input type="checkbox" /><label>为受益人的合同</label></li>
<li><input type="radio" /><label>Microsoft</label></li>
<li><input type="checkbox" /><label>Microsoft</label></li>
</ul>
</body>
</html>

标签:赣州 延安 宁夏 海口 衡水 宁波 济宁 日照

巨人网络通讯声明:本文标题《表单checkbox和radio文字对齐的代码》,本文关键词  表单,checkbox,和,radio,文字,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《表单checkbox和radio文字对齐的代码》相关的同类信息!
  • 本页收集关于表单checkbox和radio文字对齐的代码的相关信息资讯供网民参考!
  • 推荐文章