display：table-cell中断Chrome中的标签

Question

构建一组标签。我希望它们基于制表符的数量是相等的宽度。最小数量为2，最大数量为5。

CSS的事情在哪里：

.tabs__header {
    display: table;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}

.tabs__button {
    display: table-cell;
}

在IE和Firefox中运行良好。当我在Chrome中测试它时，它会变得坚固，并将.tabs__按钮设置为100％宽度。

如果我将CSS更改为：

.tabs__button {
    display: inline-block;
}

然后它工作正常，但我失去了设置标签到相等宽度的能力。

是否有解决方法或修复此问题？