Sto utilizzando i tag dl
, dt
e dd
in uno dei miei progetti. Voglio mostrare un proiettile prima dello dd
. Come posso trasformare i miei dd
in un elenco di elenchi utilizzando i CSS?Aggiungi stile bullet a elemento dd
risposta
Il modo più semplice è quello di modificare le proprietà delle vostre <dd>
dd {
display: list-item;
list-style-type: disc;
}
Lavori in tutti i browser.
si veda questo articolo: Visualizzazione dei ragazzi http://www.quirksmode.org/css/display.html
Potrebbe anche essere necessario giocare con il margine/riempimento. – DisgruntledGoat
Utilizzare un'immagine di sfondo.
Oppure provate:
dd
{
display: list-item;
list-style-type: disc;
}
Non ho idea se funzionerà comunque.
testato in Firefox e semplicemente aggiungendo il display stile: list-item dovrebbe fare il trucco
è possibile utilizzare l'attributo di stile nel tag "dd", o spostare quella di uno "stile" sezione come classe o id. Poiché il dl è un tipo di lista, non è necessario il display " ": list-item; " Penso che potrebbe anche essere sbagliato. Comunque, potrebbe essere usato. Invece del disco, è possibile utilizzare altri tipi (guarda http://www.w3schools.com/css/pr_list-style-type.asp) ...
<html>
<body>
<dl>
<dt>Term</dt>
<dd style="display: list-item;">Term description</dd>
</dl>
</body>
</html>
Spero che questo aiuti.
stili inline sono cattiva abitudine ... utilizzare il foglio di stile ... questo è quello che è per! –
- 1. Aggiungi gestore di clic a LI bullet
- 2. Aggiungi elemento a controllo Listview
- 3. Aggiungi foglio stile css a app_offline
- 4. Rails - Aggiungi stile/immagine a button_to
- 5. Aumentare la dimensione di tipo bullet in stile elenco
- 6. F # Aggiungi un elemento a una sequenza
- 7. Aggiungi elemento a un elenco anonimo
- 8. Aggiungi nuovo elemento a un oggetto esistente
- 9. Stile corpo elemento a schermo intero?
- 10. Aggiungi elemento nella matrice
- 11. Repository Pattern: Aggiungi elemento
- 12. PMD: DD/DU anomalia
- 13. Visual Studio: Aggiungi elemento/Aggiungi come collegamento anziché solo Aggiungi
- 14. elemento di stile JavaScript
- 15. Aggiungi un nuovo elemento a recyclerview a livello di programmazione?
- 16. jQuery: aggiungi elemento dopo un altro elemento
- 17. Perché YYYY-MM-DD! = AAAA/MM/DD
- 18. Aggiungi un foglio di stile a un iframe con jQuery
- 19. Aggiungi/Trova file di stile a/al lattice
- 20. Aggiungi foglio di stile a Head utilizzando javascript nel corpo
- 21. Aggiungi classe per un elemento
- 22. Aggiungi elemento con RouterLink dinamicamente
- 23. Python aggiungi elemento alla tupla
- 24. JQuery e JSON - Aggiungi elemento
- 25. QML elemento ComboBox stile DropDownMenu
- 26. & bullet; non funziona in IE?
- 27. jQuery (evento): guardare stile elemento
- 28. Angular2 - Aggiungi classe a elemento al momento del clic
- 29. aggiungi elemento a ruby array restituisce nuovo array
- 30. aggiungi elemento all'elenco a discesa in html utilizzando javascript
Thanks: list-item ha fatto la magia – Joemon