html - テキストの丸め画像の問題

Question

コメントボックス内の画像表示についてサポートが必要です。コメントの文字が左の画像を折り返すのではなく、特定の数を超えると、実際には下の図のようになります。どうすればこれを修正できますか？

#comment img.floatright {
    float:right; 
    padding: 1px;
    clear:left;
}

画像

Answer 1

私は個人的にaの中にテキストを設定し<div>、幅を定義しますが、それを望まない場合<wbr>は、長い単語があるときはいつでもタグを挿入するPHP関数を作成できます。タグは必要な場合にのみ単語を分割するため、単語に複数のタグを実装できます。

例：

http://jsfiddle.net/6rBUZ/

Answer 2

別のオプションは、ラップするコンテンツに次のスタイルを追加することです。

word-wrap: break-word;
overflow: hidden;

ワードラップ設定では、単語の長さに関係なく、単語を折り返すことができます。オーバーフロー設定により、ワードラップを認識しないブラウザで使用可能なスペースの最後でオーバーフロー設定が切断されます。

例： http： //jsfiddle.net/Redsz/pBSDd/1/