手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

HTML中如何设定控件间隔

时间:2024-10-15 11:19:43

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>

HTML中如何设定控件间隔

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>

HTML中如何设定控件间隔
© 手抄报圈