Как войти в список HTML, появляются без знаков маркеров с помощью CSS только?

У меня есть список HTML. Браузер должен видеть существование списка и расположить элементы соответственно, однако я не хочу, чтобы это показало маркер рядом с каждым элементом. Таким образом, нормальный список появляется как это:

  • текст A
  • текст B
  • текст C

Я хочу, чтобы мой список появился как это:

текст A
текст B
текст C

11
задан Gilles 'SO- stop being evil' 1 June 2012 в 17:03
поделиться

4 ответа

ul { list-style: none; }

Это избавляет от пулевых очков. Теперь вы можете задать стили для их пробела, как в вашем примере, если вы действительно этого хотели:

li { padding: 5px 0; }

Если вы также не хотите, чтобы список с отступом после удаления пуль, это займет еще один бит, как например:

ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

Если вы не установите оба маржа и отступ в 0, это будет выглядеть либо прямо в FF или IE, но не в обоих

.
19
ответ дан 3 December 2019 в 04:32
поделиться

Тип стиля списка: верхний римский;

-1
ответ дан 3 December 2019 в 04:32
поделиться

Используйте

list-style:none;

в стиле тега < ul >

.
3
ответ дан 3 December 2019 в 04:32
поделиться

Альтернативно, вы также можете использовать список определений dl (dl, dt, dd) без определений (dt элементов).

<dl>
    <dd>text A</dd>
    <dd>text B</dd>
    <dd>text C</dd>
</dl>

Но семантически я думаю, что неупорядоченный список (ul, li) лучше подходит для вашей конкретной цели :) Так что давайте просто кусок хорошего CSS, как объяснил Эрик.

3
ответ дан 3 December 2019 в 04:32
поделиться