Html 阿拉伯语的有序列表不起作用
我需要按顺序显示订单列表中的数据。示例1、2、3、3.1、3.2、4 当我使用下面的CSS时,它会以正确的英语顺序显示内容表,如果我必须用阿拉伯语显示类似的内容,那么它就不能用阿拉伯语显示。当我将其与Html 阿拉伯语的有序列表不起作用,html,css,css-counter,Html,Css,Css Counter,我需要按顺序显示订单列表中的数据。示例1、2、3、3.1、3.2、4 当我使用下面的CSS时,它会以正确的英语顺序显示内容表,如果我必须用阿拉伯语显示类似的内容,那么它就不能用阿拉伯语显示。当我将其与ul一起使用时,它会显示阿拉伯数字,但随后我会丢失格式,如3.1、3.2…. ol li:before { content: counters(item, ".") " "; counter-increment: item; font-weight:bold; } 如何设置订单列表的格式,以将订单
ul
一起使用时,它会显示阿拉伯数字,但随后我会丢失格式,如3.1、3.2….
ol li:before { content: counters(item, ".") " "; counter-increment: item; font-weight:bold; }
如何设置订单列表的格式,以将订单列表中的目录显示为
ol的编号实际上是使用计数器而不是默认列表样式完成的。因此,计数器的编号样式应设置为
阿拉伯文-印度文
(非固定版本),而不是列表样式类型
代码片段的关键部分是我们设置样式的下面一行。计数器函数中的第三个参数是编号样式(第一个是计数器名称,第二个是分隔符)
ul{
方向:rtl;
列表样式类型:阿拉伯文-印度文;
}
.手册第页{
颜色:#687074;
计数器重置:项目;
}
ol{
列表样式类型:阿拉伯文-印度文;
方向:rtl;
计数器重置:项目;
颜色:#687074;
}
欧利{
显示:块;
填充:5px0;
}
奥利亚{
文字装饰:无;
颜色:#687074;
左侧填充:10px;
}
奥利:以前{
内容:计数器(项目“.”,阿拉伯语-印度语“);
反增量:项目;
字体大小:粗体;
}
-
-
-
-
列表OL
列表UL
-
-
-
-
-
-
-
-
你的意思是你想显示ul
像ol
一样吗?当我添加
时,阿拉伯数字与ol不起作用。我需要它来与Oly一起工作。你的意思是像吗?@Harry,我错过了窍门。。感谢阿拉伯文,它显示的数字是3.1
,3.2
,而它应该是1.3
,2.3
,3.3,
4.3`。。。。对不起,我不能复制阿拉伯数字,所以我使用数字作为参考。我的意思是这样的:学习:但原来的小提琴本身也是这样显示的(用英语)。我不确定我是否能够解释英文版,我们显示的子页是3.1,3.2。。。。但对于阿拉伯语版本,它应该是1.3,2.3
;而is显示为。。我会以任何方式标记你的答案是正确的,只是想知道这是否可行。。
content: counters(item, ".", arabic-indic)" ";