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

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

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

Ответ 1

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

http://jsfiddle.net/LthgY/

li{
  margin: 10px 0;
}

Ответ 2

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

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

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

JSFiddle

Ответ 3

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;
}

EDIT: Если вы не используете специальный случай для последнего элемента li, у вашего списка будет небольшой интервал, который вы можете увидеть здесь: http://jsfiddle.net/wQYw7/

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

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

Ответ 4

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

Ответ 5

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

Ответ 6

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

Ответ 7

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