养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

HTML中如何设定控件间隔

时间:2024-11-10 21:22:23

当多个控件需要码放在一行时,需要设置一定的间隔。作为初学者通常会使用空格来分割控件,这个做既不科学也是非常low的哟。其实可以使用CSS中padding-right属性来解决。

工具/原料

编辑器,推荐使用SublimeText。SublimeText具有漂亮的用户界面和强大的功能的HTML和散文先进的文本编辑器

方法/步骤

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

HTML中如何设定控件间隔

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

HTML中如何设定控件间隔

© 一点知识