HTML力介紹斷線/新線

我有一些固定寬度的表格單元格...HTML力介紹斷線/新線

現在這個單元格中的內容/文本字符內長度變化而不能總是有其之間的空間使佈局稍微打破。

我試圖通過添加CSS自動換行固定：打破字但出於某種原因，這並不總是工作。

我如何確保我的文字斷裂到下一行，即使它沒有一個空間之間？

2012-02-02 testndtv

我已經試過了...不行... – testndtv

你可以把你的代碼上jsfiddle.net？ – Zakaria

我無法準確顯示的代碼......因爲有很多CSS的，但只給一個想法，我已經加了的jsfiddle ...網址：http://jsfiddle.net/Dnzra/ – testndtv

我編輯您的jsfiddle，以便它可以工作：

所有你需要做的，是添加：style="table-layout: fixed"表樣式和某些固定寬度你的細胞。

2012-02-02 09:19:28 Zakaria

Thx有很多幫助...但在更新的提琴中，我仍然看到長文本在同一行中，實際上並未換行到下一行。。 – testndtv

@testndtv：請訪問編輯後的鏈接。 – Zakaria

Thx再次...所以我需要指定td寬度％？我得到一個文本重疊（如在你以前的小提琴） – testndtv

實際的解決方案是在任何時間點插入所述標籤<wbr>其中直接換行符是允許的，例如

<td>MaxUName<wbr>MaxUName<wbr>MaxUName<wbr>MaxUNa</td>

爲了得到一定程度更好的瀏覽器覆蓋好老<wbr>（從未方式作出了任何標準，但活蹦亂跳），添加以下到您的樣式表：

wbr:after { content: "\00200B"; }

2012-02-02 08:48:15

其實我的文本內容是動態的（來自數據庫）...所以我不能只是編輯它，因爲它是...有其他方法來解決這個問題嗎？ – testndtv

CSS設置'word-wrap：break-word'對瀏覽器的支持有限。如果您認爲任何地方都可以使用換行符，則可以在處理從數據庫中獲得的動態數據時或者在JavaScript中使用客戶端時，在每個字符後插入''。 –

非常幸運，我無法修改數據庫中設置的內容...... – testndtv

回答