小编rbs*_*hlm的帖子

在 IE10 中显示 flex 的单元格内出现断字问题。它在 chrome 上正确运行，比较 chrome 中的小提琴以查看预期的行为。

在该示例中，表格中的第一个单元格应该分词，而不是流入下一个单元格。

我尝试了多个断字和自动换行（在 chrome/mozilla 中都不需要），但它们在 IE 中不起作用。

任何帮助表示赞赏。

js小提琴

HTML：

<div class="container">
    <div class="table">
        <div class="table-row">
            <div class="table-row-cell">Long string input that we want to word break and not overflow into other cell</div>
            <div class="table-row-cell">short</div>
            <div class="table-row-cell">short</div>
            <div class="table-row-cell">short</div>
        </div>
        <div class="table-row">
            <div class="table-row-cell">normal length</div>
            <div class="table-row-cell">short</div>
            <div class="table-row-cell">short</div>
            <div class="table-row-cell">short</div>
        </div>
    </div>
</div>

CSS：

html, body { padding: 0; margin: 0; }
.container {
    width: 400px;
}
.table {
    display: -webkit-box;
    display: …