我正在用 Angular 编写一些自己的扩展面板。我想模仿 Angular Material Expansion Panel 的行为（但它不符合我的要求）。
因此，我基本上有 3 项，即
- 开始图标
- 文本
- 折叠/展开按钮。
当我单击展开图标时，文本就会显示出来。运行代码在Stackblitz上提供。
当面板折叠时，所有三个图标都处于同一水平
这是由于
align-items: center;
这看起来很完美。一旦我展开面板，图标也会浮动到容器的中心。有没有办法将它们固定在顶部并使其居中collapsed？
我唯一的想法是将所有内容包裹在 div 中，然后稍微使用一下 flexbox。主要变化是将图标和按钮包裹在具有硬编码高度的 div 中。虽然不完美，但结果符合预期（只需要调整像素）。
堆叠闪电战