flexbox 表，所有 div 对齐但一个，边框不匹配，不知道为什么

Question

我正在使用 flexbox 做这个表格，每个边框都匹配，但是正如你在小提琴中看到的，第二个表格，带有文本的单元格：RIGHT SIDE NOT ALIGNED 的边框与边框的边框不完全对齐下一行！

https://jsfiddle.net/buwgq14a/39/

什么都试过了，发疯了，有什么解决办法吗？我做了与上表完全相同的事情，它在那里没有问题，不知道两张表之间有什么变化..

谢谢

Answer 1

问题是当你将宽度设为 10% 并为 div 指定 1 px 时，宽度等于 10% + 1px。

您可以赋予 box-sizing 属性，使宽度始终保持 10%，

在你的类代码中，添加 box sizing 属性

  .epMachinesContentCells2{
    box-sizing: border-box;
  }