从排序中删除小数（<；ol>；通过CSS列表？

我假设答案是“不”，但我想我会把这个问题抛给所有CSS忍者，因为它以前出现过，当你在挖掘涉及整个团队的代码时，最令人高兴的答案并不总是“好吧，只是重新编写代码。”

给定一个有序列表：

<ol>
    <li>...</li>
    <li>...</li>
    <li>...</li>
</ol>

对这样的事情：

1. [...content...]
2. [...content...]
3. [...content...]

1 [...content...]
2 [...content...]
3 [...content...]

---

全部使用CSS向导，没有javascript。我再次意识到这可能是不可能的，但你永远不会知道，是吗。

这在Firefox 3.6.6和Chrome 6中有效，但在IE7或IE8中无效（这并不奇怪）

---

请参见有关低技术但高度跨浏览器兼容的解决方案，您可以使用背景图像，将垂直堆叠的数字应用于

ol

；只需指定一个

行高度

，以确保所有行对齐。

您能给出一个文本示例，说明您试图实现的目标吗？比如“把1.1个苹果，1.2个橘子换成1个苹果，2个橘子”等等？我想让这个打开的时间更长一些。虽然我喜欢@reisio的答案，但它在很多情况下都不起作用，例如，当文本换行时。如果我不能在合理的等待时间内得到另一个可靠的答案，我将结束它。：）我不确定我是否完全遵循了这里的逻辑。你能解释一下吗？哇——这很聪明——它有它的局限性，但肯定能在正确的约束条件下工作。看到一些更向后兼容的东西会很好，但这非常聪明，前瞻性很好。

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