Maison > Article > interface Web > Case à cocher du formulaire et affichage du code d'alignement du texte radio
Case à cocher du formulaire et affichage du code d'alignement du texte radio
- 伊谢尔伦original
- 2017-06-16 11:06:561968parcourir
| 网页制作cnn6文章简介：表单元素input、文字完美垂直居中对齐方法. |
Problèmes d'alignement comme type="radio" et type="checkbox", navigateur de test : ie7+/firefox8.0
Principe : définir la première police dans la police Verdana de la famille de polices
Le code du test est le suivant :
<!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、文字完美垂直居中对齐方法-技术之家cnn6.net??</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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn