Html段落编号[重复]答案

【问题标题】：Html paragraph number [duplicate]Html段落编号[重复]
【发布时间】：2019-03-15 14:53:17
【问题描述】：

如何将我的文本格式化为 HTML 格式，如下所示：

1.1 cdashjkfhkdvfsdfjkvnjk
    cnzxjkvnkncjkvjkxcvbkcbvk
1.2 cnzxjknvjn jvnxcjkcxcx
    klczxkcnzxnclnxknckxnk
1.3 ....

而不是像这些：

       1.  cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk 
cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk
       2. cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk

有什么想法吗？？？？

【问题讨论】：

把它们放在ol有序列表中？
我如何用双数做到这些
下次发帖前请尝试查看问题的预览，以确保编辑没有误解您的格式；)
@Haroldis：我不确定你是否看过这个问题：stackoverflow.com/questions/3635955/…
yes i seeing but the format is 1.1 cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk 1.2 cnzxjknvjn jvnxcjkcxcx klczxkcnzxnclnxknckxnk 1.3 .... and not like these: 1. cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk 2. cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk

标签： html

【解决方案1】：

使用有序列表。

<ol>
    <li>cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
    <li>cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
</ol>
<ol>
    <li>cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
    <li>cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
</ol>

编辑：

如果您不关心 IE6，以下将起作用 =P

body {
    counter-reset:section;
}
ol {
    counter-increment:section;
    counter-reset:subsection;
}
li:before {
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) " ";
}

输出：

1.1 cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
1.2 cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
2.1 cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
2.2 cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>

http://jsfiddle.net/73vp5naf/

【讨论】：

啊，刚刚看到您的编辑...不过是缺少格式。
段落编号为双，文字与编号分开
哎呀，JsFiddle 错了。立即检查。

【解决方案2】：

据我所知，浏览器不会为您计算小数。

您可以使用两个有序列表，一个在另一个内部，而内部的一个使用字母或罗马数字？

例如

<ol>
    <li>Part 1</li>
    <ol>
        <li>Child 1 of Part 1</li>
        <li>Child 2 of Part 1</li>
    </ol>
    <li>Part 2</li>
    <ol>
        <li>Child 1 of Part 2</li>
        <li>Child 2 of Part 2</li>
    </ol>
</ol>

【讨论】：