Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html UL列表编号_Html - Fatal编程技术网

Html UL列表编号

Html UL列表编号,html,Html,我有一个相当长的点列表(使用条款文档),我需要编号像:a,b,c…aa,bb,cc,dd等 现在是:a,b,c…,aa,ab,ac,ad等等 有人知道如何做到这一点吗 <ul> <li>Item 1<li> <li>Item 2<li> <li>Item 3<li> ... down to 26 <li>Item 27<li> <li&

我有一个相当长的点列表(使用条款文档),我需要编号像:a,b,c…aa,bb,cc,dd等

现在是:a,b,c…,aa,ab,ac,ad等等

有人知道如何做到这一点吗

<ul>
    <li>Item 1<li>
    <li>Item 2<li>
    <li>Item 3<li>
    ... down to 26
    <li>Item 27<li>
    <li>Item 28<li>
</ul>

实际渲染取决于浏览器(不指定超过单个字母的确切编号)。由于您无法从HTML自定义浏览器,因此您不可能想要什么。

尽管w3schools.com在许多网站中名声不好,但它确实是一个“确定”的参考点

这里有一个链接指向他们的列表样式类型属性页

您可以选择22种不同的选项(包括“低阿尔法”)。下面是一个使用双字母列表(aa、ab、ac)的示例,就像您的示例一样(这对您并没有真正的帮助)

所以,除非你用你想要的格式(aa、bb、cc等)制作了一个CSS精灵,并使用背景定位(以及在每个列表项中添加一个CSS类)来显示你的字母,否则真的没有办法复制你想要的东西


希望这是有意义的…

当前的CSS规范和实现似乎没有用于此的工具,即使在CSS3列表和计数器模块中也是如此(这仍然是一个草案,基本上没有实现)


另一方面,你在一篇评论中写道:“法律文件已按此顺序排序,客户需要按照文档的顺序进行排序。”如果是这种情况,按照惯例,即使CSS有生成此类标记的工具,你也不应该依赖CSS。必须出现在文档中的任何内容都应作为内容而不是样式包含

这意味着您将在每个列表项开头的内容中包含“a.”、“b.”、…、“z.”、“aa.”、“bb.”。如果此编号可能需要单独设置样式,请包装在文本级容器中,例如

<ul class=mi>
  <li><span class=marker>a.</span> item </li>
…
  • a。项目

然后您将拥有
ul.mi{list-style-stype:none;}
。这里使用
ul
而不是
ol
的原因是,当CSS关闭时,您更希望在嵌入标记之前看到项目符号而不是数字。

我需要获得相同的编号系统(aa、bb、cc),因此我使用value属性:

<ol type="a">
 <li value="27">...</li>
 <li value="54">...</li>
 <li value="81">...</li>

  • 有关工作示例,请参见此处:


    信息[at]lexexakt.de

    默认序列有什么问题?法律文件要求他们像这样订购,客户需要按照文件要求保留顺序。为什么你要使用ul而不是ol。我想我必须采用这种解决方案。好的是它只需要aa,bb,cc,dd。。。一旦在整个条款中,所有其他编号都能完美工作,即A->1->A、A->1->b等。感谢确认aa、bb、cc开箱即用
    <ol type="a">
     <li value="27">...</li>
     <li value="54">...</li>
     <li value="81">...</li>