我想调整我正在处理的网站上相同控件的外观,但似乎不太好.
我想使用CSS来正确对齐控件.
我希望复选框和标签左对齐,然后稍微有点空间,然后文本框即将到来.
此外,我希望所有文本框垂直对齐.
如何在不使用表的情况下使用css.
我想使用CSS来正确对齐控件.
我希望复选框和标签左对齐,然后稍微有点空间,然后文本框即将到来.
此外,我希望所有文本框垂直对齐.
如何在不使用表的情况下使用css.
谢谢你的帮助,Laziale
解决方法
CSS
div{margin-bottom:2px;} input[type="checkBox"]{display:block; float:left; margin-right:2px;} label{display:block; float:left; width:150px;}
HTML
<div><input type="checkBox" /><label>Address</label><input type="text" /></div> <div><input type="checkBox" /><label>State</label><input type="text" /></div> <div><input type="checkBox" /><label>City</label><input type="text" /></div> <div><input type="checkBox" /><label>ZIP</label><input type="text" /></div> <div><input type="checkBox" /><label>Contact Person</label><input type="text" /></div> <div><input type="checkBox" /><label>Contact Person</label><input type="text" /></div>