列表项内带有“溢出：隐藏”的块在 Edge 上向下移动

Question

这可以通过 Bilal Akil 在this question 中发布的代码示例观察到：

http://jsfiddle.net/G46dK/

<ol>
    <li>
        <p>
            Moo
    <li>
        <p class="overflow-hidden">
            Moo
    <li>
        <p class="overflow-hidden">
            Moo
    <li>
        <p>
            Moo
</ol>

使用随附的 CSS：

p.overflow-hidden {
    overflow-x: hidden;
}

在 Edge 上，内容显示如下，对我来说这似乎是一个错误：

在li 中使用overflow: hidden 时，是否让内容与列表编号保持在同一行？

[编辑]：这个问题是关于在LI 中处理带有overflow: hidden 的块。我非常感谢尝试通过以下方式解决问题的答案将溢出移出块外，但我真正追求的是尊重此约束的解决方案。您还可以查看这个小提琴以获得更高级的示例：http://jsfiddle.net/G46dK/7

Answer 1

制作.overflow-hidden { display: inline-block; }怎么样？ http://jsfiddle.net/G46dK/8

.overflow-hidden {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  width: 100%;
}