打破長文本

Question

我有一個寬度爲200px的div。它不顯示水平滾動條。現在如果有人輸入超過200px的任何單詞，它就會隱藏起來。我想知道是否有可能在每個單詞達到200px長度後自動放置一個換行標籤？

謝謝你的時間。

Answer 1

您可以使用achive

WORD-BREAK: break-ALL. 

<div style="width: 200px; word-break: break-all">Content goes here</div> 

希望這是你要找的人...

Answer 2

這是一個棘手的問題，這一點使用簡單的CSS，但你應該閱讀http://www.quirksmode.org/oddsandends/wbr.html。

主要的是，有不一致的支持和連接本文提出的使用：在你的CSS

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

，並使用<wbr/>標籤在你的HTML

Answer 3

如果您有單間距字體，計算字符數很容易，只需插入一箇中斷標籤即可。但計算正常字體的分隔標記的位置很難計算。

對於IE，你可以設置word-break: break-all;當他們達到一定的長度，這將打破的話...

Answer 4

有一個軟連字符，讓您可以定義一個字可以分解（例如，督促-uct-iv-ity），它不顯示任何連字符，只是定義它們可以顯示的位置，如果該單詞必須包裝線。它實體&害羞;

Answer 5

word-break是好的，但據說不能在firefox中工作。 （還沒有測試過。）

對於firefox，請使用javascript。

它確實在webkit中工作。