asp.net – 正确对齐控件

发布时间：2020-12-16 09:59:30 所属栏目：asp.Net 来源：网络整理

导读：我想调整我正在处理的网站上相同控件的外观,但似乎不太好. 我想使用CSS来正确对齐控件. 我希望复选框和标签左对齐,然后稍微有点空间,然后文本框即将到来. 此外,我希望所有文本框垂直对齐. 如何在不使用表的情况下使用css. 谢谢你的帮助,Laziale 解决方法 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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!