Вопрос: Нужен неупорядоченный список без каких-либо пуль


Я создал неупорядоченный список. Я чувствую, что пули в неупорядоченном списке назойливы, поэтому я хочу их удалить.

Возможно ли иметь список без пуль?


1990


источник


Ответы:


Вы можете удалить пули, установив list-style-typeв noneв CSS для родительского элемента (обычно это <ul>), например:

ul {
  list-style-type: none;
}

Вы также можете добавить padding: 0а также margin: 0для этого, если вы хотите удалить отступы.

Видеть Listutorial за отличное прохождение методов форматирования списка.


2948



Если вы используете Bootstrap, у него есть «неустановленный» класс:

Удалите стиль списка по умолчанию и оставшееся заполнение в элементах списка (только для непосредственных детей).

Bootstrap 2:

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

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

Bootstrap 3 и 4:

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

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


456



Вы должны использовать list-style: none;

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

181



in css , style ,

 list-style-type: none;

49



You would have to add a style to the <ul> element like the following:

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

That will remove the bullets. You could also add the CSS in a stylesheet like the examples above.


43



in css...

ul {
   list-style:none;
}

41



Use the following CSS:

ul {
  list-style-type: none
}

34



Small refinement to the above: To make longer lines more readable if they spill over to additional screen lines:

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

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

33



Native:

ul { list-style-type: none; }

Bootstrap:

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

Note: If you're using list-groups, then there is no need for list-unstyled.


17