Как установить вертикальный интервал между элементами списка?

<ul>Очевидно, что внутри элемента вертикальный интервал между строками можно отформатировать с помощью атрибута line-height.

У меня вопрос: <ul>как установить вертикальный интервал между элементами списка внутри элемента?

Вы можете использовать маржу. См. Пример:

http://jsfiddle.net/LthgY/

li{
  margin: 10px 0;
}

HTML

<ul>
   <li>A</li>
   <li>B</li>
   <li>C</li>
   <li>D</li>
   <li>E</li>
</ul>

CSS

li:not(:last-child) {
    margin-bottom: 5px;
}

РЕДАКТИРОВАТЬ: если вы не используете особый случай для последнего элемента li, в вашем списке будет небольшой интервал, который вы можете увидеть здесь: http://jsfiddle.net/wQYw7/

Теперь сравните это с моим решением: http://jsfiddle.net/wQYw7/1/

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

Я был бы склонен к тому, что имеет преимущество поддержки IE8.

li{
    margin-top: 10px;
    border:1px solid grey;
}

li:first-child {
    margin-top:0;
}

JSFiddle

Добавьте marginк своим liтегам. Это создаст пространство между liи вы можете использовать, line-heightчтобы установить интервал для текста внутри liтегов.

Часто при создании HTML-рассылки вы не можете использовать таблицы стилей или стили / блоки стилей. Весь CSS должен быть встроенным. В случае, если вы хотите отрегулировать расстояние между маркерами, я использую li style = "margin-bottom: 8px;" в каждом пункте маркера. Настройте значение пикселей по своему вкусу.

Чтобы применить ко всему списку, используйте

ul.space_list li { margin-bottom: 1em; }

Затем в html:

<ul class=space_list>
<li>A</li>
<li>B</li>
</ul>

установка padding-bottom для каждого списка с использованием псевдокласса является жизнеспособным методом. Также можно использовать высоту строки. Помните, что свойства шрифта, такие как font-family, Font-weight и т. Д., Влияют на неравномерную высоту.

<br>между <li></li>строковыми записями, похоже, отлично работает во всех веб-браузерах, которые я пробовал, но он не может пройти онлайн-проверку W3C CSS3. Это дает мне именно тот межстрочный интервал, который мне нужен. Насколько я обеспокоен, так как он , несомненно , работает, я сохраняющиеся в ее использовании, независимо от W3C говорит, пока кто - то может прийти с хорошей правовой альтернативы.