HTML中如何设定控件间隔

 时间：2026-02-14 05:05:27

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
    • 热门搜索
    根深蒂固的意思 计提是什么意思 gct是什么意思 朝辞什么彩云间 温文尔雅的意思 隔阂是什么意思 燕窝的作用与功效 自欺欺人是什么意思 自命不凡的意思 auto空调是什么意思