Domanda Hai bisogno di una lista non ordinata senza proiettili


Ho creato una lista non ordinata. Sento che i proiettili nella lista non ordinata sono fastidiosi, quindi voglio rimuoverli.

È possibile avere una lista senza proiettili?


2038
2018-06-22 13:57


origine


risposte:


È possibile rimuovere i proiettili impostando il list-style-type a none sul CSS per l'elemento genitore (tipicamente a <ul>), per esempio:

ul {
  list-style-type: none;
}

Potresti anche voler aggiungere padding: 0 e margin: 0 a questo, se vuoi rimuovere anche il rientro.

Vedere Listutorial per una grande panoramica delle tecniche di formattazione degli elenchi.


3028
2018-06-22 14:00



Se stai usando Bootstrap, ha una classe "unstyled":

Rimuovi lo stile elenco e il riempimento sinistro degli elementi di elenco (solo per i bambini immediati).

Bootstrap 2:

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

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

Bootstrap 3 e 4:

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

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


466
2017-07-11 15:05



Devi usare list-style: none;

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

183
2018-06-22 14:00



in css, stile,

 list-style-type: none;

49
2018-06-22 14:00



Dovresti aggiungere uno stile al <ul> elemento come il seguente:

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

Questo rimuoverà i proiettili. Puoi anche aggiungere il CSS in un foglio di stile come negli esempi sopra.


43
2018-06-22 14:02



in css ...

ul {
   list-style:none;
}

41
2018-06-22 14:00



Piccola raffinatezza a quanto sopra: per rendere più leggibili le linee più lunghe se si riversano su righe dello schermo aggiuntive:

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

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

34
2017-12-10 05:55