Html 如何使文本nowarp在表格中？

设计了带边框的响应表。问题是wraptexting，即使在css中包含th.nowrap，当我查看移动视图时，数据是重叠的，并且出现两条水平线。有表头常量和数据滚动方式。甚至包括nowrap文本，但文本重叠

表格{
宽度：100%；
空白：nowrap；
}
thead，
t身体，
tr，
运输署，
th{
显示：块；
}
tr：之后{
内容：''；
显示：块；
可见性：隐藏；
明确：两者皆有；
空白：nowrap；
}
thead th{
高度：40px；
空白：nowrap；
/*文本对齐：左对齐*/
}
t车身{
高度：40px；
溢出y：自动；
空白：nowrap；
}
泰德{
/*退路*/
}
tbody td，
thead th{
宽度：19.2%；
浮动：左；
空白：nowrap；
}

HTML：


硒
Enq
Da
日分
道具
公共关系
地区
城市
卧室
细节
更新
详细资料
预计起飞时间

添加

框尺寸：边框框到您的
th/td

希望这有帮助：）


表格{
宽度：100%；
空白：nowrap；
}
thead，
t身体，
tr，
运输署，
th{
显示：块；
框大小：边框框；/*添加此选项*/
}
tr：之后{
内容：''；
显示：块；
可见性：隐藏；
明确：两者皆有；
空白：nowrap；
}
thead th{
高度：40px；
空白：nowrap；
/*文本对齐：左对齐*/
}
t车身{
高度：40px；
溢出y：自动；
空白：nowrap；
}
泰德{
/*退路*/
}
tbody td，
thead th{
宽度：19.2%；
浮动：左；
空白：nowrap；
}
HTML：


硒
Enq
Da
日分
道具
公共关系
地区
城市
卧室
细节
更新
详细资料
预计起飞时间
试试这个

white-space: normal;
      word-wrap: break-word;


表格{
宽度：100%；
空白：nowrap；
}
thead，
t身体，
tr，
运输署，
th{
显示：块；
}
tr：之后{
内容：''；
显示：块；
可见性：隐藏；
明确：两者皆有；
空白：nowrap；
}
thead th{
高度：40px；
空白：正常；
单词包装：打断单词；
/*文本对齐：左对齐*/
}
t车身{
高度：40px；
溢出y：自动；
}
泰德{
/*退路*/
}
tbody td，
thead th{
宽度：19.2%；
浮动：左；
}
HTML：


硒
Enq
Da
日分
道具
公共关系
地区
城市
卧室
细节
更新
详细资料
预计起飞时间
使用
Flexbox
flex-wrap:nowrap