HTML中如何设定控件间隔

 时间：2026-05-01 02:17:23

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属性来实现控件的间隔分类

  

 <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中如何设定控件间隔

  • NetBeans怎样自动生成构造方法
  • 如何他用powerdesigner中的SQL语句创建数据表
  • 如何使用form表单将数据提交给php？
  • 怎么在VScode中设置为弃用变量加删除线
  • 如何卸载sql server managerment studio
    • 热门搜索
    冰岛旅游价格 中国旅游门户 怀化旅游景点大全 洪泽旅游 旅游年票官网 福建东山岛旅游攻略 旅游地图高清版 河南信阳旅游景点 乐亭旅游攻略 六盘山旅游