Html 如何使（nodeType==Node.ELEMENT\u Node）在flex direction:column CSS的上下文中像（nodeType==Node.TEXT\u Node）一样工作

您可以看到下面的

分区。_b5a

是一个灵活的容器，具有

灵活方向：列

。 然而，通常它的子对象只是一个文本句子（）：

新增個人簡介，讓大家更瞭解你因此文本句子在水平方向上仍然在同一行中。这是常态

但在安装后为了学习汉字，它帮助我突出了我想学习的汉字。它通过将文本包装在
中来突出显示文本（如下面HTML片段中的第2行和第4行）。它可以正常工作，直到下面的例子中，当其父容器是一个flex-direction:column
的flex-container时，它将句子分成3行而不是1行

我怎样才能修好它？要突出显示本例中的文本，请将句子保持在一行中。您可以查看扩展的代码

提示：通过添加

flex方向：行；
证明内容：中心；

对于
div
拥有这个句子的人来说，它在这个案例中起到了一定的作用，但我不确定如何修复它。（我不擅长Jquery）


\u b5a{
调整内容：灵活启动；
对齐项目：拉伸；
-webkit外观：无；
背景色：透明；
边界：0；
框大小：边框框；
显示器：flex；
弯曲方向：立柱；
弹性收缩：0；
保证金：0；
最小宽度：0；
填充：0；
位置：相对位置；
/*弯曲方向：行；
证明内容：中心*/
}
div{
显示：块；
}
.FB时间线单位{
颜色：#1c1e21；
显示：块；
边缘底部：10px；
位置：相对位置；
}
新增個人簡介，讓
大
家更瞭解你。
您可以做的最接近的事情是将显示设置为
内容
，这将使问题中的
标记
元素的行为类似于普通文本节点，但折衷是您失去了设置容器样式的能力，这意味着您无法设置任何与容器相关的样式，如
背景色
，
边框
，
填充

但如果您只想突出显示特定文本。您仍然可以使用
color
或
font-weight
属性使文本更加突出。这里有一个例子


\u b5a{
调整内容：灵活启动；
对齐项目：拉伸；
-webkit外观：无；
背景色：透明；
边界：0；
框大小：边框框；
显示器：flex；
弯曲方向：立柱；
弹性收缩：0；
保证金：0；
最小宽度：0；
填充：0；
位置：相对位置；
/*弯曲方向：行；
证明内容：中心*/
}
div{
显示：块；
}
.FB时间线单位{
颜色：#1c1e21；
显示：块；
边缘底部：10px；
位置：相对位置；
}
标记{
显示：内容；
颜色：红色！重要；
字体大小：粗体；
}
新增個人簡介，讓
大
家更瞭解你。wrapText
函数有两个位置是L22和L41。我们如何检查父元素是否只包含文本（nodeType==3），而具有
display:flex；弯曲方向：立柱
，然后将其转换为
flex direction:row；调整内容：（old.align-items==flex start | | flex end）？old.align-items:“居中”
？我想换斯莫特！，但我想改善这个答案的唯一办法是等待：(