Проблема со списком элементов стиля - PullRequest
3 голосов
/ 01 августа 2011

Я пытаюсь оформить упорядоченный список, который выглядел довольно простым, но, по-видимому, сложнее, чем я думал, мне нужно отделить каждый элемент с белой рамкой внизу, проблема в том, что "пуля" илиномер списка "не является частью элемента li, поэтому граница помещается только под текстом, вот изображение того, что я имею в виду:

http://www.diigo.com/item/image/1j40h/5eni

Я пытаюсьнайти способ сделать нижнюю границу пролета по всей границе, но я не смог, хотя я и добавил вертикальный повторный фон к ol, но если текст занимает более одной строки, он не будет работать,В крайнем случае я использовал ul без маркеров, и пользователь сам набрал число, которое будет частью li, но это не очень удобно для пользователя: (

Можеткто-нибудь поможет мне? Спасибо заранее!

1 Ответ

4 голосов
/ 01 августа 2011

Используйте list-style-position свойство CSS для вашего ol элемента:

ol
{
    list-style-position: inside;
}

Это сделает ваши пули частью отображаемого содержимого элемента списка. Это все в соответствии со спецификацией CSS 2.1 (http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position)

...