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

时间:2018-04-26 13:46:09

标签: css angularjs twitter-bootstrap flexbox

我正在使用flexbox执行此表,每个边框都匹配,但正如您在小提琴中看到的那样,第二个表格,文本为RIGHT SIDE NOT ALIGNED的单元格的边框与边框不完全对齐下面的一行!

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

尝试过一切,疯狂,任何解决方案?我做了与上面表完全相同的事情,并且在那里工作没有问题,不知道2个表之间有什么变化..

谢谢

1 个答案:

答案 0 :(得分:0)

问题是当你给出10%的宽度并为div提供1 px时,宽度相当于10%+ 1px。

你可以给出盒子大小的属性,这样宽度总是保持10%,

在您的类代码中,添加框大小调整属性

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