Javascript 表宽度在Firefox html上无法正常工作

我一直很困惑，为什么Firefox浏览器上的表格宽度不能编辑为最小值，但当我使用Chrome浏览器时，我只想将我的td值分成三行，如下图所示，但在Firefox中

在铬中，哪一个正在工作

在Firefox中，哪个不起作用

完整Html

这是标题

副标题
标题
不
身份证号码
名称
国家
数据总数
1235
杰森
PH-COVID-160203000-00010165
1235
杰森
美国

试试——你可以动态地做

[…document.queryselectoral（“tbody tr td”）].forEach（td=>{
const text=td.textContent；
如果（text.length>20&&text.indexOf（“-”）！=-1）td.innerHTML=text.replace（/-/g，“-”）
})

这是标题

副标题
标题
不
身份证号码
名称
国家
数据总数
1235
杰森
PH-COVID-160203000-00010165
1235
杰森
美国

您能将我制作的代码片段编辑成a吗？有很多代码需要打印，但似乎与您的问题无关？@mplungjan谢谢您的回复，我更新了代码片段above@mplungjan但是在firefox中，我的国家的宽度在chromeTry@mplungjan中是不一样的，但是让我们假设我有动态值，我认为我不能使用WBR感谢您的回复，但您知道如何仅在国家/地区设置宽度吗？我想它会影响到另一个td tbody和上面的代码段谢谢，不带“-”数据替换怎么样？例如，在ID号中，我有1235，我想替换那些使用wbr的数据，并将其拆分为2列，第一行的输出应该是12，第二行的输出应该是35。有可能吗？是的。我不太明白你说的专栏是什么意思。如果您希望将列拆分为两行（与前一行相同），您可能希望拆分并使用

连接，以前如果td中有“-”要拆分，您必须将其替换，但如果我们仅基于文本的长度呢，就像上面ID号1235的代码片段一样，我想在第一行中分隔12，第二行是35，您知道如何将其写入javascript吗？我已经试过了，但它不起作用，请提前谢谢。参见第二个例子