表格中的Chrome瀏覽器長URL問題

因此，我一直在試圖用Chrome瀏覽器解決這個問題，以及它如何很難將長URL包裝在表格單元中。我已經看到很多關於文字包裝的問題，有些甚至有很長的網址，但沒有一個適合我。所以基本上，我試圖把在TD表格中的Chrome瀏覽器長URL問題

word-wrap:break-word;

但這並不包裹長的URL這是（改變了這裏，不走任何東西）：

https://differentName/api/?REQUEST=%3C%3Fxml%20version%3D%271.0%27%20%3F%3E%3Cnta%3E%3Capi%20version%3D%271.0%27%3E%woot%20function%3D%22login%22%3E%3Clogin%3E%3C!%5BCDATA%5Bjpublic%something.com%5D%5D%3E%3C%2Flogin%3E%3Cpassword%3E%3C!%5BCDATA%5Bnta46550%5D%5D%3E%3C%2F

我試着在td上添加一個寬度屬性，但我什麼也沒得到。我也被告知，當使用word wrap屬性還包括：

table-layout:fixed;

但我不希望我的列固定在寬度。另外，如果我使用固定屬性，我沒有包裝問題。我正在使用最新版本的Chrome（截至此日期）。沒有與FF 26.0或IE 11的問題。任何幫助將是偉大的。

來源

2014-01-23 New Guy

我很想去看看。有小提琴嗎？我相信我們只需要一些僞CSS的魔法。 –

對不起，我花了很長時間纔回到你身邊。小提琴在這裏：http://jsfiddle.net/qqsj8/。你可以看到它是如何從標籤區域出來的，這是因爲我正在談論的最後一行描述。感謝您的幫助。 –

用'fiddle'回答。讓我知道，如果這將工作雅。 –

我只會在td上建立一個class，表示您遇到問題。

在當前狀態下，當空格出現時，您只有break。

如果要強制休息，而不在Chrome的空間，以及，你可以使用CSSword-break: break-all;

難道這樣的事情對你的工作？

http://jsfiddle.net/qqsj8/2/

CSS：

td.break { 
    /* Be VERY careful with this, breaks normal words wh_erever */ 
    word-break: break-all; 
}

HTML：

<td class="break">Why do...</td>

來源

2014-02-04 01:30:18

謝謝你的解決方案。儘管它確實有效，並且它實際上是我爲此所做的，但該部分（描述）是從後面的代碼生成的。這些行是使用中繼器創建並從數據庫中提取的記錄。所以如果它是靜態的，這不會是一個問題，但由於結果是可變的，這將不起作用。對不起，我應該給你更多的信息。 –

您不能像'PHP'或'JAVA'那樣編寫後端服務來實現基於換行符的類嗎？來吧，我回答了你的問題。考慮到我是唯一一個，你應該高興地接受這個問題，並回答投票箭頭旁邊的綠色複選框，並提出另一個問題，特別是考慮到這是相對死亡。你甚至沒有標記單個「後端」協議。 –

我覺得有一個CSS的解決方案，我沒有看到。由於我已經有了這個僞解決方案，所以很遺憾沒有回答我的問題。在我關閉它之前，我會暫時把它打開一段時間，然後給予信任（除非有更好的答案出現），因爲你沒有所有的信息。感謝您的幫助。 –

表格中的Chrome瀏覽器長URL問題

回答

相關問題