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
    • 热门搜索
    蒲公英根的功效与作用 菊粉的功效与作用 运动常识 儿童运动套装 运动作文 谷维素片的功效与作用 元明粉的功效与作用 半夏的功效与作用 致运动员加油稿 faith什么意思