我正在写一个模板，用于在flex / box上进行标记。并面临一些属性的仿真问题。目前，我决定使用JS。使代码复杂化的原因。
所以我决定尝试将table-cell的属性用于父元素具有属性display: block的子元素。是的，这不对，但它确实有效！
当我试图将table-cell元素分解为字符串时，我遇到了一个问题。这就是我试图解决它们的方式：
如果子块table-cell水平溢出父级，那么
以下块不会传输到新行。它是
逻辑。示例：链接中的 Nowrap 。
如果我使用取消流程，我将丢失等于要包装到下一行的元素的列宽。因此，此方法仅适用于IE9 +。我愿意放弃IE7，但还没准备放弃IE8。示例：在链接中包装nth-of-type 。
如果我使用分隔行table-cell的块，一切都会变好！但这使CSS和JS代码变得复杂。示例：链接中的包含中断元素
示例：http://codepen.io/anon/pen/GmgXmO
除了上述选项之外，还可以应用哪些中断table-cell的方式？
12列布局的示例，修复了宽度百分比的计算问题：http://codepen.io/anon/pen/PmwRvK 为了说明我为什么这样做。
我很高兴听到你的回答！请原谅我的英语不好。
P.S。：忽略宽度的奇怪大小（以百分比表示）。这是计算的 根据公式：
(100 * element.clientWidth / element.offsetWidth)。
尺寸越小，越多。滑稽。此规则仅适用于
包含子元素display: block
display: table-cell