如何使破折号/连字符不破坏表格中的单词

Question

我有一个有很多列的表格，每个列都可以按照它认为合适的方式来换行，除了第一列我根本不想换行。（我认为）的问题是第一行单词通常如下所示：

ABCDE-S01
SDFSD-X03
...

如您所见，末尾有一个破折号，并且该行将始终在该破折号之后换行。我如何告诉表数据标签不要在此处换行，而是将其放入一行。我试过自动换行：正常但也会发生同样的情况。

我应该补充一点，我使用 Bootstrap 作为 CSS 框架，表定义如下所示：

<table class="table table-condensed table-hover table-striped">

Answer 1

您可以用不间断的连字符 替换连字符，‑或者您可以使用 CSS 属性设置单元格的样式white-space: nowrap，这将防止自动添加任何类型的换行符。

Bootstrap 为您提供了text-nowrap包含 CSS 属性的 CSS 类white-space: nowrap，因此您可以使用 Bootstrap 将此类添加到表格单元格中：

<td class="text-nowrap">ABCDE-S01</td>