Html 单词换行：在输入和标签周围的情况下，断开单词在范围上不起作用

我有一个

输入

和

类型

收音机

。周围有一个

标签

，

标签内有一个
span
。我在
span
上有一个固定的
width
，我正在尝试使用
wordwrap:break word
来打断word。它不起作用，但我不知道为什么。如果在
输入
和
span
周围没有标签

元素，则相同的

CSS

规则有效。我不明白为什么。我知道，我也可以只使用

输入

和

标签

，而不使用

span

，但我必须这样做。有什么想法吗？希望足够清楚

.form\uu包装器{
显示：内联块；
位置：相对位置；
宽度：600px；
}
.表格标签{
显示器：flex；
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
位置：相对位置；
宽度：100%；
}
.表格输入{
位置：相对位置；
}
.表格文本，
1.破碎工程{
显示：内联块；
左边距：25px；
宽度：计算（600px-450px）；
单词包装：打断单词；
边框：1px纯黑；
}

我是一个非常非常非常非常棒的文本！



我是一个非常非常非常非常棒的文本

您的

.form\uu标签

有

空白：nowrap删除它，它就会工作

希望这对你的
有所帮助。表单标签
有
空白：nowrap删除它，它就会工作

希望这有帮助
你在
上设置了
空白：nowrap
。form\uu标签
@TricksfortheWeb works，谢谢：）你在
上设置了
空白：nowrap
。form\uu标签
@TricksfortheWeb works，谢谢：）我在写我的评论时，“1个新答案”出现了，我想，“他会跟我说同样的话！“：）：）是的。需要学习打字技巧**敲打指关节**：）我在写我的评论，“1个新答案”出现了，我想，“他会说和我一样的话！“：）：）是的。需要学习打字技巧**敲打指关节**：）