嵌套弹性盒子

Question

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

问题

嵌套弹性盒子是个好习惯吗？有很多，尤其是嵌套的，对性能有影响吗？

Answer 1

简而言之，是的，您会看到性能下降约 10 倍，但我们仍在讨论毫秒数。

所以我会谨慎使用它们，因为可以将渲染速度从 10 毫秒更改为 100 毫秒，其中很多本质上会大大增加渲染时间。

此外，它们与浏览器具有可比性，并且无法很好地使用绝对定位和块元素。

现在我建议使用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%;
}