Comment ajouter un espacement entre les éléments de la liste de contrôle?

J'ai une liste de contrôle dans une table que j'utilise. La liste de contrôle que je dois aligner avec des cases à cocher dans la deuxième colonne. L'espacement de chaque ligne des zones de texte (deuxième rangée) est de 26px. Je ne peux pas trouver comment faire l'espacement entre les éléments sur la liste de case à cocher. La définition des marges ne fait que l'extérieur de la liste et non les éléments qui s'y trouvent.Comment ajouter un espacement entre les éléments de la liste de contrôle?

J'ai essayé cellspacing mais je ne peux pas obtenir assez aligné.

Update 2

<td style="vertical-align: top" rowspan="7" Width="175" style="padding: 0;"> 
       <asp:CheckBoxList ID="cbtasklist" runat="server" CssClass="radiobutton"> 
        <asp:ListItem Value="Task 1">Task 1</asp:ListItem> 
        <asp:ListItem Value="Task 2">Task 2</asp:ListItem> 
        <asp:ListItem Value="Task 3">Task 3</asp:ListItem> 
        <asp:ListItem>Task 4</asp:ListItem> 
        <asp:ListItem Value="Task 5">Task 5</asp:ListItem> 
        <asp:ListItem Value="Other1">Other</asp:ListItem> 
        <asp:ListItem Value="Other2">Other</asp:ListItem> 
       </asp:CheckBoxList> 


        </td> 
       <td class="auto-style187" style="vertical-align: top" colspan="2"> 

        &nbsp;</td> 


.auto-style187 { 
     height: 26px; 
     width: 357px; 
    }

Mise à jour 3: Serait-il plus facile de faire une case à cocher pour chaque ligne afin que je puisse utiliser le même CSS que l'autre colonne?

La raison de la liste de cases à cocher est pour la validation que 1 doit être sélectionné.

Source

2016-09-20 scubieman

Avez-vous essayé la propriété CheckBoxList.CellSpacing? https://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.checkboxlist.cellspacing(v=vs.110).aspx – sr28

J'espère que vous recherchez cette

<form id="form1" runat="server"> 
<div style="width: 100%"> 



    <table class="auto-style1"> 
     <tr> 
      <td class="auto-style3"> 
       <asp:CheckBoxList ID="CheckBoxList1" runat="server" Height="163px"> 
        <asp:ListItem>a</asp:ListItem> 
        <asp:ListItem>b</asp:ListItem> 
        <asp:ListItem>c</asp:ListItem> 
        <asp:ListItem>d</asp:ListItem> 
        <asp:ListItem>e</asp:ListItem> 
        <asp:ListItem>f</asp:ListItem> 
       </asp:CheckBoxList> 
      </td> 
      <td class="auto-style8"> 
       <table class="auto-style1"> 
        <tr> 
         <td class="auto-style5"> 
          <asp:TextBox ID="TextBox1" runat="server" OnTextChanged="TextBox1_TextChanged"></asp:TextBox> 
         </td> 
         <td>aaaa</td> 
        </tr> 
        <tr> 
         <td class="auto-style6"> 
          <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
         </td> 
         <td class="auto-style7">aaaa</td> 
        </tr> 
        <tr> 
         <td class="auto-style5"> 
          <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
         </td> 
         <td>aaaa</td> 
        </tr> 
        <tr> 
         <td class="auto-style10"> 
          <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox> 
         </td> 
         <td class="auto-style11">aaaa</td> 
        </tr> 
        <tr> 
         <td class="auto-style12"> 
          <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox> 
         </td> 
         <td class="auto-style13">aaaa</td> 
        </tr> 
        <tr> 
         <td class="auto-style5"> 
          <asp:TextBox ID="TextBox6" runat="server" OnTextChanged="TextBox6_TextChanged"></asp:TextBox> 
         </td> 
         <td>aaaa</td> 
        </tr> 
       </table> 
      </td> 
      <td class="auto-style4"></td> 
     </tr> 
     <tr> 
      <td class="auto-style2">&nbsp;</td> 
      <td class="auto-style9">&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td class="auto-style2">&nbsp;</td> 
      <td class="auto-style9">&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td class="auto-style14"></td> 
      <td class="auto-style15"></td> 
      <td class="auto-style11"></td> 
     </tr> 
     <tr> 
      <td class="auto-style2">&nbsp;</td> 
      <td class="auto-style9">&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
    </table> 



    </div> 

    </form>

voir l'image

Je table juste pris dans une table .Vous pouvez simplement supprimer la colonne indésirable que votre désir

ne pas oublier de modifier la gamme de zone de texte à vous de vous

Source

2016-09-20 15:04:46

Malheureusement, cela n'a pas fonctionné. Voir mise à jour ci-dessus – scubieman

cochez cette nouvelle espérons que cette astuce vous aidera –

Le texte est légèrement hors des zones de texte qu'ils veulent parfait alignés. – scubieman

pourquoi ne pas essayer avec cela sur votre CSS:

checkbox { padding-bottom: 10px; }

Source

2016-09-20 15:41:36

Comment ajouter un espacement entre les éléments de la liste de contrôle?

Répondre

Questions connexes