如何防止表格单元格（而不是单个单元格）的列中出现换行？

如何防止表格的一列（而不是单个单元格）中的自动换行？

您可以使用CSS样式的空白：

white-space: nowrap;

为了完整起见：

#table_id td:nth-child(2)  {white-space: nowrap;}

用于将样式应用于the table_id表的第二列。

所有主要的浏览器都支持此功能，IE从IE9开始就支持此功能。

使用nowrap样式：

<td style="white-space:nowrap;">...</td>

这是CSS！

只需添加

style="white-space:nowrap;"

例：

<table class="blueTable" style="white-space:nowrap;">
   <tr>
      <td>My name is good</td>
    </tr>
 </table>

有几种方法可以做到这一点；它们都不是简单明了的方法。

将空白：nowrap应用于<col>不起作用；只有四个CSS属性可处理<col>元素-背景颜色，宽度，边框和可见性。IE7和更早版本曾经支持所有属性，但这是因为它们使用了奇怪的表模型。IE8现在可以匹配其他所有人。

那么，您如何解决呢？

好吧，如果您可以忽略IE（包括IE8），则可以使用:nth-child()伪类<td>从每一行中选择特定的。你会用td:nth-child(2) { white-space:nowrap; }。（此示例适用于此示例，但是如果涉及到任何行跨度或列跨度，则可能会中断。）

如果必须支持IE，则必须走很长一段路，并将类应用于<td>您要影响的每个类。很烂，但这些都是休息时间。

从长远来看，有一些建议可以解决CSS中的这种不足，以便您可以更轻松地将样式应用于列中的所有单元格。您将能够执行类似的操作td:nth-col(2) { white-space:nowrap; }，并且它将执行您想要的操作。

<td style="white-space: nowrap">

nowrap我认为该属性已被弃用。以上是首选方式。

<table class="blueTable">
  <tr>
     <td>My name is good</td>
   </tr>
</table> 
<style>   
    table.blueTable td,
    table.blueTable th {
        white-space: nowrap;
        /* non-question related further styling */
        border: 1px solid #AAAAAA;
        padding: 3px 2px;
        text-align: left;
    }
</style>

这是一个使用nowrap值的空白属性的示例用法，bluetable是表的类，表下方是CSS样式。

在文本中插入不间断空格，而不是普通空格。在Ubuntu上，我使用（Compose Key）-space-space来执行此操作。

要将其应用于整个表格，可以将其放置在table标记内：

<table style="white-space:nowrap;">