Come faccio a controllare lo stile di una lista non ordinata html?

StackOverflow https://stackoverflow.com/questions/706557

  •  22-08-2019
  •  | 
  •  

Domanda

Chi pensava che lo styling un elenco di link potrebbe essere così fastidioso!

  • Prima edizione vorrei utilizzare un char arbitrario come il proiettile. sono sicuro che ora che questo è impossibile, ma forse sai diverso?

  • In ogni caso vorrei controllare la distanza tra il punto elenco e il contenuto del

  • .

  • Vorrei controllare l'altezza del proiettile (in modo che rimanga centrato al testo nel

  • indipendentemente dal font / dimensioni, ecc).

  • Vorrei che il proiettile di rimanere all'interno del

    che contiene il
      , piuttosto che appendere fuori il lato.

    • Vorrei oggetti lunghi in un

    • per avvolgere intorno lasciando la pallottola chiara del testo.

    Voglio farlo funzionare in tutti i browser IE6 sopra. con un minimo di supplica speciale per weirdnesses di IE come possibile! (Questo significa che non posso usare :before)

    Sono tentato di utilizzare e
    piuttosto che liste!

È stato utile?

Soluzione

Prima di tutto, assicurarsi di utilizzare un rimuovere le imbottiture / margini del elemento della lista usando i CSS in modo da avere una lavagna pulita per tutti i browser. Quindi, se si vuole sempre l'immagine proiettile per essere centrato, utilizzare un'immagine. 

 ul{
   margin: 0;
   padding: 0;
}

ul li{
  padding: 0 0 0 20px; /*so text does not appear on top of bullet */
  background: url(error.gif) no-repeat 0 50%; /* this will set the bullet to appear in the middle */
}

Altri suggerimenti

Per una lista non ordinata, si dovrà fare un grafico per visualizzare un carattere arbitrario. Gli altri valori disponibili sono: 

list-style-type: disc | circle | square | none

Per rendere il soggiorno proiettile all'interno del testo, invece di appendere fuori, utilizzare 

list-style-position: inside

??? Non sei sicuro di quello che vuoi dire di "wrap around" nel vostro ultimo punto.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top