Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML表格:带减号的内容会打断列中的行_Javascript_Html_Html Table - Fatal编程技术网

Javascript HTML表格:带减号的内容会打断列中的行

Javascript HTML表格:带减号的内容会打断列中的行,javascript,html,html-table,Javascript,Html,Html Table,我面临以下问题:我有一个字段有一个掩码,在掩码的末尾有一个减号。例如: 61.927.297/0001-20 然而,当我去掉减号时,它当然是一个无效的掩码,表的内容保持在同一行。下面是我描述的图像: 即使数据大于图像上的数据,表格也会将其放在同一行上,前提是遮罩上没有“-” 有人知道为什么会这样吗?我该怎么做才能使它出现在同一行?您可以尝试在包含“-”的列上使用CSS规则“空白:nowrap”-是您句子中的连字符(浏览器不知道内容是公式还是正确的散文),因此浏览器将其视为新的“单词”。因为这行

我面临以下问题:我有一个字段有一个掩码,在掩码的末尾有一个减号。例如:

61.927.297/0001-20

然而,当我去掉减号时,它当然是一个无效的掩码,表的内容保持在同一行。下面是我描述的图像:

即使数据大于图像上的数据,表格也会将其放在同一行上,前提是遮罩上没有“-


有人知道为什么会这样吗?我该怎么做才能使它出现在同一行?

您可以尝试在包含“-”的列上使用CSS规则“空白:nowrap”

-
是您句子中的连字符(浏览器不知道内容是公式还是正确的散文),因此浏览器将其视为新的“单词”。因为这行文字的长度对于表格单元格来说太长,所以会换行

您可以使用CSS属性,使用
nowrap
将其设置为不换行:

td {white-space:nowrap;}
比较以下两个相同表格的显示:

td{
宽度:30px;
边框:1px实心#000;
}
#表2 td{
宽度:30px;
边框:1px实心#000;
空白:nowrap;
}

你好,世界
你好,世界
你好,世界
地狱世界
你好,世界
你好,世界
你好,世界
地狱世界

就这样!!我没有使用css,而是在标记td上添加了nowrap,如下所示:。成功了!