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
    • 热门搜索
    缩阴方法 自残的方法 儿童牙痛怎么办 魔兽争霸怎么玩 对号怎么打出来 王中王料精选资料大全 种草莓的技巧该怎么吸 月经不调是怎么回事 阿苯达唑片服用方法 烟雾头怎么调