सवाल किसी भी गोलियों के बिना एक अनियंत्रित सूची की आवश्यकता है


मैंने एक अनियंत्रित सूची बनाई है। मुझे लगता है कि अनियंत्रित सूची में गोलियां परेशान हैं, इसलिए मैं उन्हें हटाना चाहता हूं।

क्या गोलियों के बिना सूची हो सकती है?


2045
2018-06-22 13:57


मूल




जवाब:


आप सेट करके गोलियां हटा सकते हैं list-style-type सेवा मेरे none माता-पिता तत्व के लिए सीएसएस पर (आमतौर पर ए <ul>), उदाहरण के लिए:

ul {
  list-style-type: none;
}

आप भी जोड़ना चाहते हैं padding: 0 तथा margin: 0 उस पर, अगर आप इंडेंटेशन को भी हटाना चाहते हैं।

देख Listutorial सूची स्वरूपण तकनीकों की एक महान walkthrough के लिए।


3046
2018-06-22 14:00



IE9 पर काम नहीं करता है, आपको सूची-शैली-प्रकार विज्ञापन की आवश्यकता है: कोई भी नहीं; ली करने के लिए - tovmeod
@robaker ने इसे सही करने के लिए केवल 15 वर्ष का समय लिया और जब अधिकांश लोग अभी भी IE10 का उपयोग नहीं कर रहे हैं। श्वास ... किसी भी तरह से मैं एम $ से नफरत करता हूं। जबरदस्त हंसी - Panama Jack
हम रिकॉर्ड के लिए 2015 में आईई 9 के लिए डिजाइन नहीं कर रहे हैं - Dom Vinyard
अगर हम आईई पर भी विचार करते हैं तो इस शताब्दी में कोई वेबसाइट पूरी नहीं हो सकती है। - Ankit
@DomVinyard हम अभी भी 2016 में आईई 8 के लिए डिजाइन कर रहे हैं, रिकॉर्ड के लिए ... - Amy Barrett


यदि आप बूटस्ट्रैप का उपयोग कर रहे हैं, तो इसकी एक "unstyled" कक्षा है:

सूची आइटम पर डिफ़ॉल्ट सूची-शैली और बाएं पैडिंग निकालें (केवल तत्काल बच्चे)।

बूटस्ट्रैप 2:

<ul class="unstyled">
   <li>...</li>
</ul>

http://twitter.github.io/bootstrap/base-css.html#typography

बूटस्ट्रैप 3 और 4:

<ul class="list-unstyled">
   <li>...</li>
</ul>

http://getbootstrap.com/css/#type-lists


469
2017-07-11 15:05



बूस्ट्रैप 3 में यह थोड़ा सा बदल गया है: class = "list-unstyled" - guido
बस सोच रहा है कि आप कहां पढ़ते हैं? मैं इसे ढूंढ रहा हूं लेकिन इसे नहीं मिला है। - Skytiger
@Skytiger getbootstrap.com/css/#type-lists - Danation
बूटस्ट्रैप 3 क्लास बूटस्ट्रैप 4 के साथ भी काम करता है - Christophe Roussy
दरअसल, यह जवाब वही है जो मैं ढूंढ रहा था। और बूटस्ट्रैप का उपयोग पूरे इंटरनेट का 3.6% द्वारा किया जाता है, इसलिए यह गिर नहीं रहा है। trends.builtwith.com/docinfo/Twitter-Bootstrap  एक त्वरित Google खोज से पता चलता है कि बूटस्ट्रैप लगातार "सबसे लोकप्रिय सीएसएस ढांचे" श्रेणी में रखा गया है। - Bobort


आपको उपयोग करने की ज़रूरत है list-style: none;

<ul style="list-style: none;">
    <li> ...</li>
</ul>

183
2018-06-22 14:00



महान समाधान मैं ऐसे समाधान की तलाश में था जिसमें आपको सीएसएस फ़ाइल संपादित करने में शामिल नहीं किया गया था। आपका बहुत बहुत धन्यवाद! - Kevin Groen
@ केविन: यह इनलाइन सीएसएस है ... सर्वोत्तम प्रथाओं पर विचार किया जाता है, आपको वास्तव में इसे एक सीएसएस फ़ाइल में रखना चाहिए। - aboveyou00
उत्कृष्ट समाधान विशेष रूप से यदि सीएसएस वांछित स्वरूपण को ओवरराइड करता रहता है। - Mohammed
यह उत्तर बूटस्ट्रैप के बिना काम करता है। इसके अलावा, इसे अतिरिक्त * .css फ़ाइल बनाने की आवश्यकता नहीं है। दरअसल, यह एक सामान्य उदाहरण है कि सीएसएस कोड को एक HTML फ़ाइल में कैसे एम्बेड किया जाए। - anonymous
'सर्वश्रेष्ठ अभ्यास' अक्सर दर्शक की नजर में होता है - और / या विशेष आवेदन के लिए। इस उदाहरण ने मेरी मदद की, जहां अधिकांश सूचियां बुलेट के साथ ठीक हैं, हालांकि, मैं एक विशेष सूची में अपना खुद का आइकन बनाना चाहता था। .Css को बदलना सभी सूचियों को प्रभावित करेगा, जबकि इनलाइन केवल एक की देखभाल करता है। इसलिए, कभी-कभी 'सर्वश्रेष्ठ' वह चीज़ होती है जिसकी आपको आवश्यकता होती है। - CFP Support


सीएसएस, शैली में,

 list-style-type: none;

49
2018-06-22 14:00





आपको एक शैली जोड़नी होगी <ul> निम्नलिखित की तरह तत्व:

<ul style="list-style: none; ">
    <li>Item</li>
    ...
    <li>Item</li>
</ul>

वह गोलियों को हटा देगा। आप ऊपर दिए गए उदाहरणों जैसे स्टाइलशीट में सीएसएस भी जोड़ सकते हैं।


43
2018-06-22 14:02



अब> 3.0 में यह है .list-unstyled - Adam Pflantzer
> 3.0 में आपको इसे ली में भी जोड़ना पड़ सकता है - codechurn
@AdamPflantzer 3.0 का क्या मतलब है। प्रश्न का कोई संबंध नहीं है और न ही जवाब देना है - Ghostwriter78
वह बूटस्ट्रैप का जिक्र कर रहा है, जिसका इस जवाब से कोई लेना देना नहीं है। - Bobort


सीएसएस में ...

ul {
   list-style:none;
}

41
2018-06-22 14:00





उपर्युक्त के लिए छोटे परिशोधन: यदि वे अतिरिक्त स्क्रीन लाइनों तक फैलते हैं तो लंबी लाइनें अधिक पठनीय बनाने के लिए:

ul, li {list-style-type: none;}

li {padding-left: 2em; text-indent: -2em;}

34
2017-12-10 05:55



काम करता है, लेकिन केवल आईई 8 के लिए - Underverse


निम्नलिखित सीएसएस का प्रयोग करें:

ul {
  list-style-type: none
}

34
2018-06-22 14:00