Html 图像inisde弹性项收缩_Html_Css

Html 图像inisde弹性项收缩

html css

Html 图像inisde弹性项收缩,html,css,Html,Css,我有一个flex-div元素和三个div元素，每个子div中有一个图像，图像模式下有一个文本。三个子div的大小应始终相同。但我的问题是，当一个子div中的文本小于另一个子div中的文本时，图像会收缩，而另两个子div占用了它的空间我似乎找不出问题出在哪里请帮忙 HTML 为活动儿童提供弹性：1 .activity-children { flex: 1; } 为活动儿童提供弹性：1 .activity-children { flex: 1; } 从中，将flex:1添

我有一个flex-div元素和三个div元素，每个子div中有一个图像，图像模式下有一个文本。三个子div的大小应始终相同。但我的问题是，当一个子div中的文本小于另一个子div中的文本时，图像会收缩，而另两个子div占用了它的空间

我似乎找不出问题出在哪里

请帮忙

HTML

为活动儿童提供弹性：1

.activity-children {
    flex: 1;
}

为活动儿童提供弹性：1

.activity-children {
    flex: 1;
}

从中，将flex:1添加到flex容器中的每个单独项目将使它们在主轴上的大小相等：

.灵活活动{ 显示器：flex；保证金：5px自动；宽度：97%； } .儿童活动{ 弹性：1； } .活动pix{ 显示：块；宽度：100%；保证金：自动； } 婚前情人的头衔伊普苏姆·多洛尔·希特（ipsum dolor sit amet）、阿迪皮西奇（Concertetur Adipising Elite）和埃乌斯莫德（sed do eiusmod）暂时性的劳工和财产损失。我们在这里吃得很少，他在乌拉姆科实验室实习，并在普通实验室实习

婚前情人的头衔伊普苏姆·多洛尔·希特（ipsum dolor sit amet）、阿迪皮西奇（Concertetur Adipising Elite）和埃乌斯莫德（sed do eiusmod）暂时性的劳工和财产损失。我们在这里吃得很少，他在乌拉姆科实验室实习，并在普通实验室实习

婚前情人的头衔伊普苏姆·多洛尔·希特（ipsum dolor sit amet）、阿迪皮西奇（Concertetur Adipising Elite）和埃乌斯莫德（sed do eiusmod）暂时性的劳工和财产损失。我们在这里吃得很少，他在乌拉姆科实验室实习，并在普通实验室实习暂时性的劳工和财产损失。我们在这里吃得很少，他在乌拉姆科实验室实习，并在普通实验室实习

从中，将flex:1添加到flex容器中的每个单独项目将使它们在主轴上的大小相等：

或

谢谢你们。向activity children元素添加{flex:1}确实解决了我的问题。谢谢大家。将{flex:1}添加到activitychildren元素确实解决了我的问题。

.activity-children {
    flex: 1;
}

.activity-children {
    flex: 1;
}

.activity-children {
   flex-basis: 0; 
   flex-grow: 1;
}