当多个控件需要码放在一行时,需要设置一定的间隔。作为初学者通常会使用空格来分割控件,这个做既不科学也是非常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>
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>