Html:" - "和空格""相同？

Question

在html中,如果我用这样的列创建一个html表

<table>
    <tr>
        <td>This is your ID</td>
        <td>021-000-00001</td>
        <td>...</td>
    </tr>
</table>

空格和 - 在渲染时会产生多行.所以对于空间来说,解决方案是:

<td>This&nbsp;is&nbsp;your&nbsp;ID</td>

但对于破折号 - 甚至我将其替换为 - ,就像

<td>021&mdash;000&mdash;00001</td>

它仍然显示为多行.

怎么解决？

Answer 1

尝试类似的东西

<td style="white-space: nowrap;">021-000-00001</td>

应该阻止它在连字符处打破.