Нумерованный список с подпунктами

Я пытаюсь создать юридический документ с подклассами с десятичной цифрой, а затем альфа-и романскими подпунктами sububsub и subsubsub. (Гмм!)

` 1. ОСНОВНОЕ ЗАПИСАНИЕ

1.1 This is an example of a sub-clause and you can see that even though the words continue on to the right, it would be best if it wrapped around and formed a block to the right of the decimal number
1.2 In doing so the normal second clause should also wrap around but the second subsequent clause should hang in from the left and be in a block.  See below for the remaining clauses
    (a) this list is completely for demonstration and should  not be construed as legal language in any way, nor should make sense in that
    (b) should the indentation take  more than:
        i) this many lines it would be overly big
        11) legal numbering continues in the sub-sub clauses with the use of lower roman lettering and should flow below in a block
        iii) and continue the formatting on to the next line but be underneath the body of the the text and not begin directly below the number itself. In this example the text carries out to the right but I need it to wrap around underneath.

Извините, что это так многословие, нужно это, чтобы показать пример. 2. Заголовок второго раздела     2.1, и поэтому он продолжается, таким образом,     Я нашел примеры для десятичной нумерации, но они не создают блок справа от числа, и они несут в себе несколько десятичных знаков, а не альфа-и римских подклассов.

css
5 голосов | спросил Barry Clearwater 23 Mayam11 2011, 06:02:31

3 ответа


6

Вы можете достичь почти всех ваших требований с помощью вложенных упорядоченных списков и простого CSS для установки буквенных букв (a, b, c) или римских цифр (i, ii, iii).

Эта надбавка:

 <ol class="main">
    <li>MAIN HEADING
        <ol>
            <li>This is an example of a sub-clause and you can see that even though the words continue on to the right, it would be best if it wrapped around and formed a block to the right of the decimal number</li>
            <li>In doing so the normal second clause should also wrap around but the second subsequent clause should hang in from the left and be in a block.  See below for the remaining clauses
                <ol>
                    <li>this list is completely for demonstration and should  not be construed as legal language in any way, nor should make sense in that</li>
                    <li>should the indentation take  more than:
                        <ol>
                            <li>this many lines it would be overly big</li>
                            <li>legal numbering continues in the sub-sub clauses with the use of lower roman lettering and should flow below in a block</li>
                            <li>and continue the formatting on to the next line but be underneath the body of the the text and not begin directly below the number itself. In this example the text carries out to the right but I need it to wrap around underneath.</li>
                        </ol>
                    </li>
                </ol>
            </li>
        </ol>
    </li>
    <li>Second Clause Heading
        <ol>
            <li>This is an example of a sub-clause and you can see that even though the words continue on to the right, it would be best if it wrapped around and formed a block to the right of the decimal number</li>
            <li>In doing so the normal second clause should also wrap around but the second subsequent clause should hang in from the left and be in a block.  See below for the remaining clauses</li>
        </ol>
    </li>
</ol>

И этот базовый CSS

 ol.main > li > ol > li > ol {list-style-type:lower-alpha}

ol.main > li > ol > li > ol > li > ol {list-style-type:lower-roman}

Достигает этого эффекта:

введите описание изображения здесь>> </p>

<p> Ключевым недостатком является <strong> десятичные нумерованные подкатегории </strong>, но мы можем использовать <code>---- +: = 2 =: + ----</code>, < code> ---- +: = 3 =: + ----</code> и <code>---- +: = 4 =: + ----</code>, чтобы добавить их. Имейте в виду, что эти свойства не распознаются IE6 или IE7. </p>

<p> Это дополнительный CSS для использования: </p>

<pre class = counter-reset

Первые три селектора выделяют имена элементам списка и подсчитывают, сколько их используется. Конечный селектор добавляет числа в начало элемента списка, то есть 1.1, 1.2, 2.1, 2.2 и т. Д. [Номер корня] [полная остановка] [номер подраздела] [пробел].

Последний экран будет выглядеть следующим образом:

введите описание изображения здесь>> </p>

<p> Вот демо - <a href= http://blog.ajcw.com/demo/lists. HTML

ответил ajcw 23 Maypm11 2011, 13:52:50
1

Я думаю, что это как можно ближе к CSS. Он не выполняет юридическую нумерацию, а альфа-нумерация имеет только одну скобку, но она делает большую часть того, что вы хотите.

<html>
<head>
<style type="text/css">
ol.a {list-style-type:decimal;}
ol.b {list-style-type:lower-alpha;}
ol.c {list-style-type:lower-roman;}
</style>
</head>

<body>
<ol class="a">
<li>This is an example of a sub-clause and you can see that even though the words continue on to the right, it would be best if it wrapped around and formed a block to the right of the decimal number</li>
<li>In doing so the normal second clause should also wrap around but the second subsequent clause should hang in from the left and be in a block.  See below for the remaining clauses</li>
<ol class="b">
<li>this list is completely for demonstration and should  not be construed as legal language in any way, nor should make sense in that</li>
<li>should the indentation take  more than:</li>
<ol class="c">
<li>this many lines it would be overly big</li>
<li>legal numbering continues in the sub-sub clauses with the use of lower roman lettering and should flow below in a block</li>
<li>and continue the formatting on to the next line but be underneath the body of the the text and not begin directly below the number itself. In this example the text carries out to the right but I need it to wrap around underneath.</li>
</ol>
</ol>
</ol>

</body>

ответил paulmorriss 23 Maypm11 2011, 13:17:40
1

Стили счетчика позволяют показывать десятичные списки, и свойство CSS list-style-type будет создавать ваши подзадачи с использованием альфа-и римских символов:

Результат (изображение)
css пронумерованные списки для юридических документов с использованием стилей счетчиков «> </p>

<p> <strong> HTML </STRONG> </p>

<pre><code>---- +: = 1 = + ----</code></pre>

<p> <strong> CSS </STRONG> </p>

<pre><code>---- +: = 2 = + ----</code></pre>

<p> <strong> Живая демонстрация </strong> <br>
См. <a href= рабочую демонстрацию здесь .

Висячие отступы
К сожалению, это не дает вам висячие отступы, которые вы хотите (где текст обернут и перемещен справа от номера списка) для предложений верхнего уровня, но он будет работать для предложений уровня (roman и alpha numbered) .

Вместо списка используйте ненумерованные списки
Короче говоря, пронумерованные вложенные списки - это боль для форматирования, записи и чтения с помощью HTML /CSS, поэтому компании, такие как Amazon и Netflix, не беспокоят; они конвертируют юридические документы для использования ненумерованных списков при их отображении в Интернете. (См. Политика конфиденциальности Amazon здесь и условия Netflix здесь. )

ответил Nick 23 Maypm11 2011, 13:46:30

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132