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




css (18)

आप style="list-style-type:none" का उपयोग करके गोलियों को हटा सकते हैं।

इसे इस्तेमाल करे:

<ul style="list-style-type:none" >

     <li>op1</li>
     <li>op2</li>
     <li>op2</li>

</ul> 

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

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


आप "सूची-शैली-प्रकार: कोई नहीं;" सेट करके "बुलेट" को हटा सकते हैं पसंद

ul
{
    list-style-type: none;
}

या

<ul class="menu custompozition4"  style="list-style-type: none;">
    <li class="item-507"><a href=#">Strategic Recruitment Solutions</a>
    </li>

</ul>

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

    ul {
         list-style: none; //or list-style-type:none; 
       }

आप अपनी कस्टम सूची शैली भी जोड़ सकते हैं जैसे:

li:before {
            content: '✔';
            color:red;
          }

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

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

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


आपको सीएसएस सूची-शैली-प्रकार का उपयोग करने की आवश्यकता है: कोई नहीं;

ul {
  list-style-type: none;
}


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

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

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

जैसा कि पहले उल्लेख किया गया है, ऐसा करने का सबसे अच्छा तरीका list-style-type: none जोड़ना है list-style-type: none उल तत्व के लिए list-style-type: noneबुलेट शैलियों पर एक अच्छा लेख है जो मुझे लगता है कि आप here से लाभ उठा सकते here


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

ul {
  list-style-type: none
}

मैंने जो कोशिश की और मनाया वह था

header ul{
   margin: 0;
   padding: 0;
}

मैंने बुलेट को हटाने के लिए उल और ली दोनों पर सूची-शैली का उपयोग किया। मैं गोलियों को एक कस्टम चरित्र के साथ प्रतिस्थापित करना चाहता था, इस मामले में एक 'डैश', जो एक अच्छा प्रभाव देता है। तो इस मार्कअप का उपयोग करना:

<ul class="dashed-list">
  <li>text</li>
  <li>text</li>
</ul>

इस सीएसएस के साथ:

ul.dashed-list
{
    list-style: none outside none;
}

ul.dashed-list li:before {
    content: "\2014";
    float: left;
    margin: 0 0 0 -27px;
    padding: 0;
}

ul.dashed-list li {
    list-style-type: none;
}

एक अच्छी तरह से इंडेंट प्रभाव देता है जो पाठ लपेटता है जब काम करता है


यदि आप इसे <ul> स्तर पर काम करने में असमर्थ हैं, तो आपको list-style-type: none; को रखने की आवश्यकता हो सकती है list-style-type: none; <li> स्तर पर:

<ul>
    <li style="list-style-type: none;">Item 1</li>
    <li style="list-style-type: none;">Item 2</li>
</ul>

इस पुनरावृत्ति से बचने के लिए आप एक सीएसएस कक्षा बना सकते हैं:

<style>
ul.no-bullets li 
{
    list-style-type: none;
}
</style>

<ul class="no-bullets">
    <li>Item 1</li>
    <li>Item 2</li>
</ul>

संपादित करें: जब आवश्यक हो, उपयोग करें !important :

<style>
ul.no-bullets li 
{
    list-style-type: none !important;
}
</style>

यदि आप बूटस्ट्रैप का उपयोग कर रहे हैं, तो इसकी एक "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


यह आदेश बुलेट बिंदुओं के बिना लंबवत सूची है। सिर्फ एक पंक्ति में!

 li{
        display: block;
    }

यहां तक ​​कि आप यह भी कर सकते हैं।

ul {
  display: initial;
}

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

ul {
   list-style:none;
}

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

 list-style-type: none;

मूल निवासी:

ul { list-style-type: none; }

बूटस्ट्रैप:

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

नोट: यदि आप सूची-समूह का उपयोग कर रहे हैं, तो सूची-अनस्टाइल की कोई आवश्यकता नहीं है।


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

ul {
  list-style-type: none;
}

आप padding: 0 भी जोड़ना चाहेंगे padding: 0 और margin: 0 , यदि आप इंडेंटेशन को भी हटाना चाहते हैं।

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






css