Css Flex布局-文本换行问题，具有2列布局

我有两列布局，如下所示：

|——标题——|——内容——|

标题总是一个单词，因此只有一行，但内容可以扩展到多行。发生这种情况时，它会导致标题换行到第二行，从而破坏UI，如：

|--ti--cont-|

|--tle--ent--

我尝试的是： 为标题提供

flex wrap:no wrap

，并为标题提供宽度。但是，这仅适用于包含多行内容的情况，因此不必要地为单行内容相邻的标题增加宽度

其父级具有以下CSS：

显示器：flex；
宽度：100%；
调整项目：灵活启动；
证明内容：之间的空间；

如何解决包装问题

小提琴：

---

您可以看到

Child 2

现在是如何拆分为两行的。

在Child上使用

flex-shrink:0

将防止拆分

更多关于

.parent{
显示器：flex；
宽度：100%；
调整项目：灵活启动；
}
.孩子{
弹性收缩：0；
}

小孩
2.
这些是多行内容，可扩展为两行并打断UI。

在子级上使用

flex shrink:0

将防止其分裂

更多关于

.parent{
显示器：flex；
宽度：100%；
调整项目：灵活启动；
}
.孩子{
弹性收缩：0；
}

小孩
2.
这些是多行内容，可扩展为两行并打断UI。

你能不能给我看一段发生在哪里的片段？我会尝试在小提琴上重建它。你能给我看一段发生在哪里的片段吗？我会尝试在小提琴上重建它。天哪！非常感谢你，救了我的命，我的天啊！非常感谢你，救了我的命。