沒有空間的長文本在列內部換行

我有三列一列和第三列沒有任何空格的長文本。由於長文本，我無法將文本包裝在列中並在頁面上獲取水平滾動條。有沒有什麼辦法可以在特殊字符tilde〜css之後添加空格？通過數據庫生成代碼時，我無法添加空間。沒有空間的長文本在列內部換行

文本格式是如下：阿富汗〜阿爾巴尼亞〜阿爾及利亞〜安道爾〜安哥拉〜安提瓜〜巴布達〜阿根廷〜亞美尼亞〜澳大利亞〜奧地利〜阿塞拜疆〜巴哈馬〜巴林〜孟加拉國〜巴巴多斯〜白俄羅斯〜比利時〜

這裏是例如： http://jsfiddle.net/awaises/nupqS/1/

table{width:100%;} 
td{ 
    vertical-align:top; 
    font:normal 9pt arial; 
    padding:10px; 
    width:33%; 
    word-wrap: break-word; 
    }

來源

2013-08-27 Awais Imran

演示：http://jsfiddle.net/nupqS/2/

使用最大寬度CSS只

td { 
vertical-align: top; 
font: normal 9pt arial; 
padding: 10px; 
width: 33%; 
max-width: 200px; 
word-wrap: break-word; 
}

，如果你想刪除的〜你可以使用jQuery這樣

演示：http://jsfiddle.net/nupqS/5/

使用MAX-寬度CSS，jQuery和空白區域

var textarea = $("td.td3"); 
textarea.html(textarea.html().replace(new RegExp("~","g")," "));

* 使用最大寬度CSS，jQuery和breack *

演示：http://jsfiddle.net/nupqS/6/

來源

2013-08-27 15:31:01

感謝兄弟，但不是像素不能我們添加百分比？這張桌子應該很實惠。 –

確定你可以添加任何你想要甚至是http://pxtoem.com/ –

我試圖添加最大寬度：33％;但不幸的是它不工作。你能檢查嗎？ –

不能使用CSS特定字符的每次出現後添加一個字符。不過，您可以使用JavaScript來做到這一點。假設爲簡單起見，相關細胞可通過類t3得到認可和只有類被分配給他們，你可以將波浪的每次出現後外接U + 200B零寬度空間，如下所示：

<script> 
var t = document.getElementsByTagName('td'); 
for(var i=0; i < t.length; i++) 
    if(t[i].className === 'td3') 
    t[i].innerHTML = t[i].innerHTML.replace(/~/g, '~\u200b'); 
</script>

你應該刪除word-wrap: break-word，因爲它確實是用來打破文字的，而且你不想在abrutal中使用任何詞彙。

來源

2013-08-27 17:32:44

沒有空間的長文本在列內部換行

回答

相關問題