我有这个 html:
<ol>
<li>
<ol>
<li>hello world</li>
<li>hello world</li>
<li>hello world</li>
</ol>
</li>
</ol>
和这个 CSS:
ol {
counter-increment: alpha-list !important;
}
li::before {
content: "(" counter(alpha-list, lower-alpha) ") " !important;
}
li{
list-style:none;
}
我的问题是嵌套 ol
中的第一个 li
与外部 ol< 中的第一个
,而是向下推到它自己的行上。参见 https://jsfiddle.net/x2q5594y/3/ .li
不内联
是否有任何 JavaScript 或 CSS 可用于将 li
元素放在同一行?
最佳答案
我已经摆弄了你的 fiddle 。这是你的意思吗?
https://jsfiddle.net/x2q5594y/6/
我添加了这些行:
ol li::before {
float: left;
}
ol ol li::before {
float: none;
}
关于javascript - 使用自定义列表计数器时获取列表元素以与父列表内联,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34663379/