css - カンマ、ドット、ハイフン、またはその他の特殊文字の長いスペースなしの行を区切ります

Question

小さな画面（電話）にさまざまなテキストを表示しようとしてい
ますテキストは正当化されますが、長い単語/数式/文字列の行が収まらないことがあります

可能性のある単語の区切りがあります：break-all; 、しかしそれはあまりにも恣意的に線を壊します、私は次のように示すような中間の解決策が必要になります：

http://jsfiddle.net/Jsa5t/

Answer 1

タグを挿入して<wbr>、許可される直接改行の機会を指定します。

理論的にはより正しい方法は、ゼロ幅スペース文字U + 200B（​）を挿入することですが、一部の古いブラウザーではうまく機能しません。

HTMLでの改行の防止と許可に関する論文： http ：//www.cs.tut.fi/~jkorpela/html/nobr.html

Answer 2

あなたの質問がわからないが、あなたは使うことができる

word-wrap:break-word

Answer 3

ドット（。）テキストがあるときに改行できる場合は、cssファイルで次のコードを試してください。

.your_class{
white-space: pre-line !important;
}