HTML中如何设定控件间隔

2025-04-09 22:59:37

1、假设我们要编写一个打星的功能，代码如下 <div class="checkbox"> <label> <input name="form-field-checkbox" type="checkbox"> <span class="lbl">五星</span> <label> <label style="padding-right:30px;"> <input name="form-field-checkbox" type="checkbox"> <span class="lbl">四星</span> <label> <label style="padding-right:30px;"> <input name="form-field-checkbox" type="checkbox" > <span class="lbl">三星</span> <label> <label style="padding-right:30px;"> <input name="form-field-checkbox" type="checkbox" > <span class="lbl">二星</span> <label> <label style="padding-right:30px;"> <input name="form-field-checkbox" type="checkbox" > <span class="lbl">一星</span> </label></div>

2、添加padding-right属性来实现控件的间隔分类&盟敢势袂lt;div class="checkbox"媪青怍牙> <label style="padding-right:30px;"> <input name="form-field-checkbox" type="checkbox"> <span class="lbl">五星</span> </label> <label style="padding-right:30px;"> <input name="form-field-checkbox" type="checkbox"> <span class="lbl">四星</span> </label> <label style="padding-right:30px;"> <input name="form-field-checkbox" type="checkbox" > <span class="lbl">三星</span> </label> <label style="padding-right:30px;"> <input name="form-field-checkbox" type="checkbox" > <span class="lbl">二星</span> </label> <label style="padding-right:30px;"> <input name="form-field-checkbox" type="checkbox" > <span class="lbl">一星</span> </label></div>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。