如何防止表格單元格（不是單個單元格）列中的換行符？

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

如何防止表格單元格（不是單個單元格）列中的換行符？

回答

相關問題