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

120

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

2009-12-12 Steven

179

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

white-space: nowrap;

来源

2009-12-12 15:31:23

我想防止表中的一列，而不是一个单元格的换行符。 – Steven 2009-12-12 15:40:00

那么将它添加到列中的每个单元格？ – 2009-12-12 15:42:13

如果您不希望它应用于表格中的每个单元格，而只是特定的单元格，则向每个想要应用此类单元格的td单元格添加一个类。 – 2009-12-12 15:46:06

使用NOWRAP风格：

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

它的CSS！

来源

2009-12-12 15:31:50

我想要防止在同一列的所有单元格中的换行符。 – Steven 2009-12-12 15:49:57

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

nowrap属性我相信已被弃用。以上是首选方式。

来源

2009-12-12 15:33:06

有几种方法可以做到这一点;没有一个是简单明了的方式。

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

那么，你如何解决这个问题？如果你可以忽略IE（包括IE8），你可以使用:nth-child()伪类从每一行中选择特定的<td>。你会使用td:nth-child(2) { white-space:nowrap; }。（这适用于这个例子，但如果你有任何涉及的行记录或colspans会破坏）。

如果你必须支持IE，那么你必须走很长的路，并且每个<td>应用一个类，你想影响。它吸吮，但他们的休息。

从长远来看，有人提议在CSS中解决这一缺陷，以便您可以更轻松地将样式应用于列中的所有单元格。你将能够做到像td:nth-col(2) { white-space:nowrap; }这样的事情，它会做你想做的。

来源

2009-12-21 19:36:13 Xanthir

完成缘故

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

装置是用于将一个样式表the table_id的2列。

这是所有主流浏览器都支持的，IE从IE9开始支持这个。

来源

2012-04-24 13:48:01 estani

在您的文本中放入不间断空格而不是普通空格。在Ubuntu上，我使用（Compose Key） - 空格空间来做到这一点。

来源

2013-06-04 03:58:06

HTML代码是' ' – Apolo 2014-11-26 09:02:07

将它应用到整个表格，您可以在table标签内放置：

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

来源

2017-08-19 16:21:47 OlgaMaciaszek

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

这是价值NOWRAP白色的空间属性的示例使用中，bluetable是在表下方的类是CSS样式

来源

2018-02-09 08:35:17

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

回答

相关问题