我有一个包含很多列的表格，其中每一列都可以根据需要换行，除了第一列我根本不想换行。 (我认为的)问题是第一行单词通常看起来像这样:
ABCDE-S01
SDFSD-X03
...
如您所见，靠近末尾处有一个破折号，并且该行始终会在破折号之后换行。我如何告诉表格数据标签不要在这里换行而是将其放在一行中。我尝试了 word-wrap: normal 但同样的事情发生了。
我应该补充一点，我使用 Bootstrap 作为 CSS 框架，表格定义如下所示:
<table class="table table-condensed table-hover table-striped">
最佳答案
您可以将连字符替换为不间断的连字符 ‑，或者您可以使用 CSS 属性 white-space: nowrap 为单元格设置样式这将防止自动添加任何类型的换行符。
Bootstrap 为您提供 CSS 类 text-nowrap，其中包含 CSS 属性 white-space: nowrap，因此使用 Bootstrap，您可以将此类添加到表格单元格:
<td class="text-nowrap">ABCDE-S01</td>
关于css - 如何使破折号/连字符不破坏表格中的单词，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59212214/