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
    • 热门搜索
    似水流年什么意思 设计费计入什么科目 亚麻籽油的功效与作用 安宫牛黄丸的功效与作用 归脾丸的功效与作用和适用人群 血见愁的功效与作用 菜籽油的功效与作用 绿茶的作用 保婴丹的功效与作用 红霉素眼膏的作用