Як встановити вертикальний пробіл між елементами списку?

Всередині <ul>елемента чітко вертикальний інтервал між рядками може бути відформатований за допомогою атрибута висоти рядка.

Моє запитання полягає в тому <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;
}

EDIT: Якщо ви не використовуєте спеціальний регістр для останнього елемента 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>

встановлення нижньої нижньої частини для кожного списку за допомогою псевдокласу є життєздатним методом. Також може використовуватися висота лінії. Пам'ятайте, що властивості шрифту, такі як сімейство шрифтів, вага шрифту тощо, відіграють роль для нерівномірної висоти.

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