संरेखण और एएसपी के लिए गद्दी: CheckBoxList

Question

मैं एक asp.net checkboxlist इस प्रकार है:

<asp:CheckBoxList ID="CheckBoxList_Genres" runat="server" RepeatColumns="3"> 
     <asp:ListItem Selected="True">Action</asp:ListItem> 
     <asp:ListItem Selected="True">Comedy</asp:ListItem> 
     <asp:ListItem Selected="True">Classics</asp:ListItem> 
     <asp:ListItem Selected="True">Documentary</asp:ListItem> 

[...]

मैं दो समस्याएं हैं: पाठ प्रत्येक बॉक्स से तालमेल नहीं है, और कुछ ब्राउज़रों (विशेष रूप से सफारी) में, चेकबॉक्स और टेक्स्ट के बीच कोई पैडिंग नहीं है (टेक्स्ट चेकबॉक्स के खिलाफ सवारी करता है)। मुझे यहां पोस्ट किए गए उत्तर के बारे में पता है: How to align checkboxes and their labels consistently cross-browsers

हालांकि, मैं एएसपी में इन शैलियों को कार्यान्वित करने का तरीका नहीं समझ सकता: चेकबॉक्स सूची संदर्भ; मुझे पता है कि एक सीएसएस शैली चेकबॉक्स सूची के लिए सेट की जा सकती है, लेकिन ऐसा नहीं लगता कि इससे मुझे "लेबल" और "चेकबॉक्स" के लिए अलग शैलियों को सेट करने की अनुमति मिलती है। मदद की सराहना की जाएगी।

Answer 1

आप अपने चेकबॉक्स लिंक नियंत्रण की CssClass प्रॉपर्टी के लिए उसी विधि को लागू करने में सक्षम होना चाहिए क्योंकि आप एक नियमित चेकबॉक्स करेंगे।

.chkChoice input 
{ 
    margin-left: -20px; 
} 
.chkChoice td 
{ 
    padding-left: 20px; 
} 

ASP.net:

<asp:CheckBoxList id="ChkWork" runat="server" TabIndex="2" CssClass="chkChoice"> 

Answer 2

चेक बॉक्स के गुणों में

यहाँ अगले एक ASP.net चेक बॉक्स सूची में कुछ सीएसएस कोड मैं लंबे समय पाठ इंडेंट करने के लिए प्रयोग किया जाता है सूची, पुनरावृत्ति को प्रवाह से तालिका में स्विच करें। वह कॉलम संरेखित करेगा।

Answer 3

कुछ चेकबॉक्स सूची आइटमों में टेक्स्ट और आइटम के बीच की जगह के लिए लेबल है, उदाहरण के लिए चेकबॉक्स, आपको सीएसएस में आइटम का प्रकार देना होगा।

Exlampel: इस तरह

.myCheckBoxList label 
{ 
    padding-right: 5px; 
} 

और देना चे checkboxlist वर्ग:

CssClass="myCheckBoxList"