У меня есть список HTML. Браузер должен увидеть существование списка и упорядочить элементы соответственно, однако я не хочу, чтобы он показывал пулю рядом с каждым элементом. То есть обычный список выглядит следующим образом:
- текст A
- текст B
- текст C
Я хочу, чтобы мой список выглядел следующим образом:
текст A
текст B
текст C
ul { list-style: none; }
Это избавляет от очков. Теперь вы можете продолжить и назначить стили, чтобы выложить их, как в вашем примере, если это то, что вы действительно хотели:
li { padding: 5px 0; }
Если вы также не хотите, чтобы список отступал после удаления пули, это займет еще один бит, например:
ul {
list-style: none;
margin: 0;
padding: 0;
}
Если вы не задали оба поля и отступы до 0, он будет либо выглядеть прямо в FF, либо в IE, но не оба
Использование
list-style:none;
в стиле для <ul> tag
В качестве альтернативы вы также можете использовать список определений (dl, dt, dd) без определений (dt).
<dl>
<dd>text A</dd>
<dd>text B</dd>
<dd>text C</dd>
</dl>
Но семантически я думаю, что неупорядоченный список (ul, li) лучше подходит для вашей конкретной цели:) Итак, продолжайте только кусок хорошего CSS, как объяснил Эрик.
Кроме того, эта ссылка содержит несколько хороших примеров, которые можно извлечь из стилей html-списков.
<ul style="list-style-type:none"></u>
Установив тип стиля не равным, маркеры не будут отображаться.
list-style-type: upper-roman;