如何让 dash/hyphen 不打断 table 中的单词
How to make a dash/hyphen not break a word in a table
我有一个 table，其中有很多列，其中每一列都可以根据需要换行，除了第一列我根本不想换行。 （我认为的）问题是第一行单词通常如下所示：
ABCDE-S01
SDFSD-X03
...
如您所见，靠近末尾处有一个破折号，并且该行始终会在破折号之后换行。我如何告诉 table 数据标记不要在此处换行，而是将其放在一行中。我尝试了 word-wrap: normal 但同样的事情发生了。
我应该补充一点，我使用 Bootstrap 作为 CSS 框架，table 定义如下所示：
<table class="table table-condensed table-hover table-striped">
您可以将连字符替换为不间断的连字符 ‑，或者您可以使用 CSS 属性 white-space: nowrap 设置单元格样式，这样可以防止自动添加任何类型的换行符。
Bootstrap 给你 CSS class text-nowrap 其中包含 CSS 属性 white-space: nowrap，所以 Bootstrap 例如，您可以将此 class 添加到 table 单元格：
<td class="text-nowrap">ABCDE-S01</td>
我有一个 table，其中有很多列，其中每一列都可以根据需要换行，除了第一列我根本不想换行。 （我认为的）问题是第一行单词通常如下所示：
ABCDE-S01
SDFSD-X03
...
如您所见，靠近末尾处有一个破折号，并且该行始终会在破折号之后换行。我如何告诉 table 数据标记不要在此处换行，而是将其放在一行中。我尝试了 word-wrap: normal 但同样的事情发生了。
我应该补充一点，我使用 Bootstrap 作为 CSS 框架，table 定义如下所示：
<table class="table table-condensed table-hover table-striped">
您可以将连字符替换为不间断的连字符 ‑，或者您可以使用 CSS 属性 white-space: nowrap 设置单元格样式，这样可以防止自动添加任何类型的换行符。
Bootstrap 给你 CSS class text-nowrap 其中包含 CSS 属性 white-space: nowrap，所以 Bootstrap 例如，您可以将此 class 添加到 table 单元格：
<td class="text-nowrap">ABCDE-S01</td>