Тип нижнего альфа-списка по умолчанию для упорядоченного списка использует точку ".". Есть ли способ использовать правильную скобку вместо a)... b)..etc?
Упорядоченный список (HTML) lower-alpha с правыми скобками?
Ответ 1
Здесь аккуратное решение. (Честно говоря, я удивил себя этим). CSS имеет нечто, называемое counters, где вы можете установить, например, автоматические номера глав в каждом заголовке, Немного модификации дает вам следующее: Вам нужно будет самостоятельно отсортировать прописку и т.д.
ol {
counter-reset: list;
}
ol > li {
list-style: none;
}
ol > li:before {
content: counter(list, lower-alpha) ") ";
counter-increment: list;
}
<span>custom list style type (v1):</span>
<ol>
<li>Number 1</li>
<li>Number 2</li>
<li>Number 3</li>
<li>Number 4</li>
<li>Number 5</li>
<li>Number 6</li>
</ol>
Ответ 2
построение ответа DisgruntledGoat, я расширил его, чтобы поддерживать вспомогательные списки и стили по мере необходимости. Разделите его здесь, если он поможет кому-то.
https://jsfiddle.net/0a8992b9/ выходы:
(i)first roman
(a)first alpha
(b)second alpha
(c)third alpha
(d)fourth alpha
(ii)second roman
(iii)third roman
(a)first alpha
(b)second alpha
Ответ 3
Добавление этого в CSS дало некоторые интересные результаты. Это было близко, но без сигары.
li:before {display:inline-block; width: 1em; position:relative; left:-0.5em; content: ')'}
Ответ 4
Это работает для меня в IE7, FF3.6, Opera 9.64 и Chrome 6.0.4:
<ol start="a" type="a" style="font-weight: normal;">
<li><span style="inline-block;margin-left: -9px !important; margin-left: -15px;">) </span> content for line number one;</li>
<li><span style="inline-block;margin-left: -9px !important; margin-left: -15px;">) </span> content for line number two;</li>
<li><span style="inline-block;margin-left: -9px !important; margin-left: -15px;">) </span> content for line number three;</li>
<li><span style="inline-block;margin-left: -9px !important; margin-left: -15px;">) </span> content for line number four;</li>
<li><span style="inline-block;margin-left: -9px !important; margin-left: -15px;">) </span> content for line number five;</li>
<li><span style="inline-block;margin-left: -9px !important; margin-left: -15px;">) </span> content for line number six;</li>
</ol>
это встроенное значение, потому что оно закодировано для электронной почты, но основное состоит в том, что диапазон действует как блок контента и вытаскивает палец на отрицательную левую территорию, чтобы он выстраивался в линию с номерами списков. два поля должны компенсировать различия в IE7 и FF
надеюсь, что это поможет.