HTML表格 - 如何使IE不斷線連字符

Question

我有一些表格單元格包含日期格式如下：2009-01-01。 I.E 7似乎在連字符中將它們分成兩行。有什麼辦法可以解決這個問題嗎？

Answer 1

您正在尋找white-space property，它可以讓您控制空白和換行符如何影響元素的內容。要摺疊白空間序列，但防止換行符，您可以使用nowrap值：

.dates { 
    white-space: nowrap; 
} 

<td class="dates">2009-01-01</td> 

Answer 2

我敢肯定有一個更好的CSS的方式，但舊的方式是使用無間斷：<nobr>...</nobr>但使用不間斷將導致沒有任何去下一行。另一種方式是使用Non-breaking hyphen。這樣，你仍然可以打包，而不是連字符。

Answer 3

使用此CSS：

.nowrap { 
    white-space: nowrap; 
} 

包裝你喜歡日期：<span class="nowrap">2009-01-01</span>。

編輯：此解決方案優於其他解決方案的優點是它可以更精確地控制應該包裝或不應該包裝的物品。您的單元格可能仍然包裹空間和其他連字符，超出範圍。

Answer 4

增加TD的規模和它不會是一個問題

Answer 5

這是不回答你的問題的正確途徑，但是這是我要做的事：

<td>Hello&nbsp;-&nbsp;World</td> 

我喜歡此方法更好，因爲您不需要添加<style>或class屬性。此外，它使文本一個字符串，以便它不能被瀏覽器換行。

就像我說的，大多數人會不同意，但我認爲這是一個實用的解決方案比標準解決方案更好的地方。

Answer 6

我的愚蠢的錯誤是，我忘記把空格之間，因爲我設置間距與填充。我曾經喜歡過 <span>Bla 1</span><span>Bla 2</span><span>Bla 4</span>
並且它沒有像我認爲的那樣突破。所以現在我有：
<span>Bla 1</span> <span>Bla 2</span> <span>Bla 4</span>
當然，它的工作原理，因爲它應該和預期。

也許我的錯誤會幫助別人....

Answer 7

我試過所有這些建議。沒有工作。在另一個堆棧溢出頁面找到解決方案：No line-break after a hyphen。您可以使用非破折號的代碼‑。