div中的内容具有预期的更大宽度

Question

我在div中有一些文字。 包含文本的div的父级具有特定宽度和df$PG <- ref[cbind(match(df$Wind, rownames(ref)), match(df$Rad, colnames(ref)))] df # Rad Wind PG #1 Weak WS4 D #2 Weak WS3 D #3 Weak WS3 D #4 Moderate WS2 C #5 Moderate WS4 C
我希望容纳文本的容器的宽度与最长的文本行一样宽（在小提琴中，这将是“ WordyWords in”行）。

我知道可以通过以下方式来完成此操作：display: flex;，但这仅在父级没有display: inline的情况下有效。

display: flex

.width{
width: 150px;
display: flex;
}

.text{
 font-size: 20px;
line-height: 20px;
display: inline;
background-color: red;
}

.width2{
width: 150px;
}

.text2{
 font-size: 20px;
line-height: 20px;
display: inline;
background-color: red;
}

就像图片中所示，我希望div This is what I have <div class="width"> <div class="text">Veryvery long WordyWords in here</div> </div> <br> This is kind of what I want, but I want to keep the <span style="background-color: #f2f2f2">display: flex;</span> attribute in the parent <div class="width2"> <div class="text2">Veryvery long WordyWords in here</div> </div>在最长文本行（如.text）的字母之后立即结束。 （红线是display: inline div的结尾。）但是我想在父级保留.text属性。在父级上设置flex甚至可能吗？