align-items: stretch和align-self: stretch在没有固定高度的flex行中不起作用

在没有固定高度的flex行中，align-items: stretch和align-self: stretch不起作用。这是因为在flex布局中，align-items属性用于设置flex容器中所有flex项目在交叉轴上的对齐方式，而align-self属性用于设置单个flex项目在交叉轴上的对齐方式。

当flex容器的高度没有被明确指定时，即没有固定高度，align-items: stretch和align-self: stretch将无法生效。这是因为在没有固定高度的情况下，flex容器的高度会根据其内容的高度自动调整，而align-items: stretch和align-self: stretch需要有一定的空间来拉伸项目。

如果想要在没有固定高度的flex行中实现项目的拉伸效果，可以考虑以下解决方案：

1. 显式设置flex容器的高度：通过设置flex容器的高度，可以为align-items: stretch提供足够的空间来拉伸项目。例如，可以将flex容器的高度设置为固定值或使用百分比来指定。
2. 使用其他对齐方式：如果不需要项目的拉伸效果，可以考虑使用其他的对齐方式来替代align-items: stretch和align-self: stretch。例如，可以使用align-items: flex-start将项目对齐到交叉轴的起始位置。

总结起来，align-items: stretch和align-self: stretch在没有固定高度的flex行中无法起作用，需要通过设置固定高度或使用其他对齐方式来实现相应的效果。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云弹性伸缩（Auto Scaling）：https://cloud.tencent.com/product/as
• 腾讯云容器服务（Tencent Kubernetes Engine）：https://cloud.tencent.com/product/tke
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm