Pregunta Necesita una lista desordenada sin ninguna bala


He creado una lista desordenada. Siento que las viñetas en la lista desordenada son molestas, así que quiero eliminarlas.

¿Es posible tener una lista sin viñetas?


2039
2018-06-22 13:57


origen


Respuestas:


Puede eliminar las viñetas configurando list-style-type a none en CSS para el elemento padre (generalmente un <ul>), por ejemplo:

ul {
  list-style-type: none;
}

Es posible que también desee agregar padding: 0 y margin: 0 a eso, si quieres eliminar la sangría también.

Ver Listutorial para un gran tutorial de las técnicas de formateo de listas.


3031
2018-06-22 14:00



Si está utilizando Bootstrap, tiene una clase "sin estilo":

Elimine el estilo de lista predeterminado y el relleno izquierdo en los elementos de la lista (solo para niños inmediatos).

Bootstrap 2:

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

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

Bootstrap 3 y 4:

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

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


466
2017-07-11 15:05



Tienes que usar list-style: none;

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

183
2018-06-22 14:00



en css, estilo,

 list-style-type: none;

49
2018-06-22 14:00



Tendría que agregar un estilo al <ul> elemento como el siguiente:

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

Eso eliminará las balas. También puede agregar el CSS en una hoja de estilo como los ejemplos anteriores.


43
2018-06-22 14:02



en css ...

ul {
   list-style:none;
}

41
2018-06-22 14:00



Pequeño refinamiento de lo anterior: para hacer más largas las líneas más legibles si se extienden a líneas de pantalla adicionales:

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

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

34
2017-12-10 05:55



Use el siguiente CSS:

ul {
  list-style-type: none
}

34
2018-06-22 14:00