Html 使图像垂直于文本

我有一个文本和一个图像。这些必须适应父母，我给他们定义了一个高度，例如100px

文本必须满足它的需要。它可以是一个简单的短语或一个很长的段落，为此我不能定义一个固定的高度

剩下的空间，我想放一个img，但当我放的时候，图像会采用原始img的高度大小。您可以在此处看到我的代码片段：

.parent{
高度：100px；
宽度：100%；
填充：10px；
显示器：flex；
柔性流动：柱；
}
.家长img{
flex:1自动；
}
.parent.textContainer{
flex:01自动；
}

此处为文本或html

如果我正确理解了您的担忧，在这种情况下，我要做的是设置图像的最大宽度和高度，然后在图像中添加宽度：100%。。比如说

<div class="parent">
    <img class="image-style" src="https://via.placeholder.com/250x250"/>
    <div class="textContainer">Text or html here</div>
</div>

.parent{
   height: 100px;
   width: calc(100% - 20px);
   padding: 10px;
   display: flex;
   flex-flow: column;
}

.image-style{
  width: 100%;
  height:100%;
  //add more styles if you want
}

此处为文本或html
.家长{
高度：100px；
宽度：计算（100%-20px）；
填充：10px；
显示器：flex；
柔性流动：柱；
}
1.形象风格{
宽度：100%；
身高：100%；
//如果需要，可以添加更多样式
}

欢迎Jordi来到我们的社区。谢谢你的提问。请理解，我们都在努力帮助他人，因此我们需要非常清晰的问题描述。从我到目前为止所读到的，我无法完全理解，你打算实现什么。也许你应该找一个像你这样的翻译用简单的英语来解释你的问题。这可能是一个很好的起点。所以，请编辑你的问题。“成员们会很感激的。”MichaelCzechowski我认为现在更好了，谢谢！使用代码，如果看到，如果检查元素，则文本在父div之外。图像应适应文本。如果文本需要80px的高度，则图像的高度应仅为20px。所以，这不是我需要的哦，我看到了，所以不是px。你可以去%percange，然后为图像添加另一个div，然后添加一个新类，将20%放入图像，然后将80%放入文本。是的，我知道，但我有灵活的文本，例如，如果我有一个短语，我只需要10px，如果我有一个Pharmagraph，我可能需要80px。我想做一个灵活的flexbox，但要有图像。你不必担心文本，因为如果我这样做，我会设置文本的宽度和高度，然后添加单词break:break word；因此，如果文本超过最大宽度，它会自动将其打断到下一行，我认为仅为文本设置一个精确的px不是一个好的做法