2012-09-16 24 views
12

मैंने सीएसएस में list-style-type सेट किया है, लेकिन किसी कारण से यह इसे प्रदर्शित नहीं कर रहा है।सीएसएस सूची-शैली-प्रकार काम नहीं कर रहा है

body { 
 
    margin: 0; 
 
} 
 
ol { 
 
    list-style-type: decimal; 
 
    padding-left: 0; 
 
}
<ol> 
 
    <li>Item 1</li> 
 
    <li>Item 2</li> 
 
    <li>Item 3</li> 
 
</ol>

+3

से इस्तीफा देने वाला था, अपना मार्जिन और पैडिंग जांचें ... – yckart

उत्तर

46

अपने गद्दी रीसेट की वजह से, संख्या पेज के बाईं ओर बंद वास्तव में कर रहे हैं। जोड़ने का प्रयास करें:

list-style-position: inside; 
4

दशमलव "ol" के लिए डिफ़ॉल्ट है। इसे घोषित करने की कोई ज़रूरत नहीं है। इसके अलावा संख्याएं पृष्ठ के किनारे बस आ रही हैं यानी अदृश्य। अपने पैडिंग को समायोजित करें और अनावश्यक घोषणा से छुटकारा पाएं। See here

+0

सलाह के लिए धन्यवाद। मैंने हमेशा सोचा कि कुछ ब्राउज़र विभिन्न शैलियों का उपयोग करते हैं, और ओएल स्टाइल प्रकार भिन्न हो सकता है, यही कारण है कि मैंने इसे वहां रखा। – SeinopSys

+2

डब्ल्यू 3 सी से "आदेशित और अनियंत्रित सूचियों को एक समान तरीके से प्रस्तुत किया जाता है, सिवाय इसके कि दृश्य उपयोगकर्ता एजेंट संख्या क्रमबद्ध सूची आइटम। उपयोगकर्ता एजेंट उन संख्याओं को विभिन्न तरीकों से प्रस्तुत कर सकते हैं। अनॉर्डर्ड सूची आइटम क्रमांकित नहीं हैं।" – noel

+0

यदि वह पहले से ही एक सीएसएस रीसेट फ़ाइल का उपयोग कर रहा है, तो ओएल को एक अलग मूल्य पर सेट किया जा सकता है – iBorg

12
display:list-item; 
list-style-position:outside; 

यह समस्या दे सकते हैं सूची display: विशेषता display:list-item;

0

की तुलना में और कुछ बात करने के लिए सेट है, तो बस हटाने "प्रदर्शन: ब्लॉक," आपके ली तत्व से

2

यदि इस काम के कुछ भी नहीं है, तो सुनिश्चित करें कि आपके पास LI के अंदर डिस्प्ले ब्लॉक के रूप में स्पष्ट रूप से चिह्नित तत्व नहीं हैं। यह मेरे साथ एच 4 ए सेट के साथ एलआई के अंदर ब्लॉक के रूप में हुआ। मैं