HTML表：列中包含减号符号的内容行

Question

我面临以下问题：我有一个带掩码的字段，并且在掩码的末尾有一个减号。例如：

61.927.297 / 0001-20

然而，当我取出减号时，当然，这将是一个无效的掩码，表的内容保持在同一行。下面是我所描述的图像：

即使数据大于图像上的数据，表格也会将其放在同一行，只有在没有＆＃34; - ＆＃34;在面具上。

有谁知道为什么会这样？我该怎么做才能使它出现在同一条线上？

Answer 1

-是句子中的连字符（浏览器不知道内容是公式还是正确的散文），因此浏览器会将其视为新的＆＃34;字＆＃34; 。因为这一行文本的长度对于表格单元格而言太长，所以它会换行到新行

您可以使用CSS white-space属性将其设置为不使用nowrap换行：

td {white-space:nowrap;}

比较下面两张相同表格的显示：

＆＃13;

＆＃13;

td {
  width:30px;
  border:1px solid #000;
}

#table2 td {
  width:30px;
  border:1px solid #000;
  white-space:nowrap;
}

＆＃13;

<table>
  <tr>
    <td>hello-world</td>
    <td>hello- world</td>
    <td>hello - world</td>
    <td>helloworld</td>
  </tr>
</table>

<table id="table2">
  <tr>
    <td>hello-world</td>
    <td>hello- world</td>
    <td>hello - world</td>
    <td>helloworld</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以尝试使用CSS规则＆＃34; white-space：nowrap＆＃34;在包含＆＃39; - ＆＃39;

的列上