短小精悍的 form代码

国外的一片文章,用css定义form但是里面几乎就是用了最精悍的代码

html





CSS

label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

label {
text-align: right;
width: 75px;
padding-right: 20px;
}

br {
clear: left;
}

把label,input用float:left定义成一行,然后距离下面10px,lable单独定义边距和文字并复写宽度,最后用br{clear:left}来换行

原文地址:http://www.quirksmode.org/css/forms.html

发表评论

电子邮件地址不会被公开。