嵌套伸缩箱

Question

我发现flex box真的很有用，自从我发现了它，我就想在任何地方使用它。

问题

这是一个很好的做法，嵌套灵活的盒子?拥有很多属性，尤其是嵌套属性，会对性能产生影响吗?

Answer 1

简而言之，你会看到性能下降大约10倍，我们这里仍然在谈论毫秒。

所以我要小心使用它们，因为一个人可以把渲染速度从10MS改变到100MS，很多它们实际上会大大增加渲染时间。

此外，它们与浏览器的可比性以及它们无法很好地发挥绝对定位和块元素。

现在，我建议使用display:table和儿童display:table-cell &display:table-row。

下面是我使用的一个例子:

.align-table {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.t-align {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}