내 체크 박스 목록이 수평으로 올바르게 정렬되지 않습니다.

Question

광산 체크 박스 목록이 매우 추합니다. 상자가 제대로 정렬되지 않습니다. 스크린 샷을 참조하십시오.

Answer 1

관련 CSS 스타일 (있는 경우)을 게시하시기 바랍니다.

이

<asp:CheckBoxList runat="server" ID="cblType" 
         OnSelectedIndexChanged="cblType_OnSelectedIndexChanged" AutoPostBack="True" 
         RepeatDirection="Horizontal"> 
    <Items> 
     <asp:ListItem Text="IPP Stories" Value="IPP Stories"></asp:ListItem> 
     <asp:ListItem Text="OutReach Activities " Value="OutReach Activities"></asp:ListItem> 
     <asp:ListItem Text="CCA" Value="CCA"></asp:ListItem> 
     <asp:ListItem Text="Community Work" Value="Community Work"></asp:ListItem> 
     <asp:ListItem Text="Competition" Value="Competition"></asp:ListItem> 
     <asp:ListItem Text="Overseas Experience" Value="Overseas Experience"></asp:ListItem> 
     <asp:ListItem Text="FYPJ" Value="FYPJ"></asp:ListItem> 
    </Items> 
</asp:CheckBoxList> 

제안 : 나는이 상황에 직면하고있는 경우

그때 두를 만들 것 아래에 언급 한 바와 같이 내 옆에서 그래서 제안은 당신의 디자인에 따라 폭을 늘리거나 제거 중입니다 행을 추가하여 CheckboxList 속성에 RepeatColumns = "3" 또는 RepeatColumns = "4"을 추가합니다.

Answer 2

여기 너비를 지정하지 않아도된다고 생각하지 않으며 아마도 그 일을 할 것입니다. 그렇지 않으면, 당신의 체크 박스 목록이 폭 = "195px"에 충실 할 것이라는 점을 언급하고 싶습니다 ...

<asp:CheckBoxList runat="server" ID="cblType" 
        OnSelectedIndexChanged="cblType_OnSelectedIndexChanged" AutoPostBack="True" 
        RepeatDirection="Horizontal">