相关疑难解决方法(0)

我有一个嵌套的有序列表.

<ol>
  <li>first</li>
  <li>second
  <ol>
    <li>second nested first element</li>
    <li>second nested secondelement</li>
    <li>second nested thirdelement</li>
  </ol>
  </li>
  <li>third</li>
  <li>fourth</li>
</ol>

目前,嵌套元素再次从1开始,例如

1. 第一
2. 第二
   1. 第二个嵌套的第一个元素
   2. 第二个嵌套的第二个元素
   3. 第二个嵌套的第三个元素
3. 第三
4. 第四

我想要的是第二个元素编号如下:

1. 第一

2. 第二

   2.1.第二个嵌套的第一个元素

   2.2.第二个嵌套的第二个元素

   2.3.第二个嵌套的第三个元素

3. 第三
4. 第四

有办法做到这一点吗？

使用HTML和CSS,我可以实现这一目标吗？

1.
1.1
1.2
2.
2.1
2.2

使用<li>和<ul>标签？

我不知道它叫什么,但有可能实现以下格式:

1.

1.1

1.2

1.2.1

1.2.2

1.3

我想是的,谢谢!

我想创建具有以下格式的HTML嵌套列表:

1  
   1.1  
   1.2  
   1.3  
   1.4   
2
   2.1

我尝试了一种我在互联网上找到的解决方案:

OL { counter-reset: item }
LI { display: block }
LI:before { content: counters(item, ".") " "; counter-increment: item }

但它对我没有用.有什么帮助吗？

如果计数器解决方案太复杂,有没有办法伪造嵌套列表效果,通过手动编写它们但确保格式看起来像真正的列表

编辑

需要完整的IE6支持

我要这个:

1. Main
  1.1 sub1
  1.2 sub2
2. Main2
  2.1 sub3

是否可以在HTML中执行此操作？谢谢.

有没有办法使用直接的HTML和CSS列表(<ul>或<ol>)实现以下编号？

1. Link 1
2. Link 2
3. Link 3
    3.1. Link 3.1
    3.2. Link 3.2
    3.3. Link 3.3
4. Link 4
    4.1. Link 4.1
        4.1.1 Link 4.1.1
        4.1.2 Link 4.1.2
5. Link 5

提前致谢!

如何使用css和html命令产生看起来像1.1,1.2,1.3(而不仅仅是1,2,3)的结果的列表？

到目前为止输出为,

对于以下代码,

HTML:

<ol>
<li>Lorem ipsum.</li>
<li>Excepteur sint occaecat cupidatat non proident:
    <ol>
        <li>sunt in culpa qui officia,</li>
        <li>deserunt mollit anim id est laborum.</li>
    </ol>
</li>
<li>Ut enim ad minim veniam.
    <ol>
        <li>Quis nostrud exercitation.</li>
        <li>Ullamco laboris nisi ut.
            <ol>
                <li>
                    Duis aute irure dolor
                </li>
            </ol>
        </li>
    </ol>
</li>

CSS:

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

li:before {
  content: counters(item, ".") ". ";
  display: …

HTML/CSS中是否有任何方法可以格式化需要与原始文档格式保持一致的法律文档.换一种说法.

1. 主标题

   1.1副标题

   1.2副标题

   1.3副标题

   1.3.1 Sub Sub Heading
   
   1.3.2 Sub Sub Heading
   

   Run Code Online (Sandbox Code Playgroud)

   1.4副标题

2. 主标题

   2.1副标题

等......等等......

我知道你可以使用嵌套的OL,但是这并没有像上面那样呈现我需要的东西

编辑

当然,在IE出现丑陋的头脑之前,这很棒!(我不得不怀疑微软的开发人员必须考虑数百万关于他们产品的投诉.)我找到了这个解决方案http://www.sitepoint.com/techy-treasures-5-fudging-css-counters -in-internet-explorer /并尝试实施它.

它部分工作,但我不知道如何正确使用这个表达式:

  #css-counters-test li  
  {  
     zoom: expression(  
      (typeof step == "undefined" ? step = 1 : step++),  
      this.innerHTML = (typeof this.processed == "undefined"  
            ? ("<span class=before>" + step + ": </span>")  
            : "")  
        + this.innerHTML,  
      this.processed = true,  
      this.runtimeStyle.zoom = "1"  
      );  
  }

我想创建一个 UL LI 十进制列表样式，一个数字应该在如下图所示的圆圈内。

你有什么主意吗？

ul {
      border-left: 1px solid $black;
      // background-color: #f1f1f1;
      list-style-type: none;
      list-style: decimal;
      padding-left: 8px;
  }

<ul>
  <li>Sed ut perspiciatis unde omnis iste natus</li>
  <li>error sit voluptatem accusantium doloremque</li>
  <li>Sed ut perspiciatis unde omnis iste natus</li>
  <li>error sit voluptatem accusantium doloremque</li>
</ul>

我需要显示这样的列表：

1.      something ......
        aligned like this
1.1.    next something
1.1.1.  next
2.      something
3.      next something

如上所示，我想列出具有自定义编号（来自 php 代码）和正确对齐的项目

这是我尝试过的

<ol>
<li value="1">something<br/>aligned like this</li>
<li value="1.1">next something</li>
<li value="1.1.1">next</li>
<li value="2">something</li>
<li value="3">next something</li>
</ol>

但我得到的不是只有整数，没有小数点。有人有解决方案吗？