您的位置：首页 > 编程语言

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

2012-07-11 14:14 495 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航