0

編集可能に設定されたdivがあります

<div class=".textarea_mask" contenteditable ></div>

基本的に、テキスト領域を div として使用する方法を模倣したいと考えています。最新のブラウザーでは正常に動作していますが、IE8 で動作する必要があります。のような長いフレーズを入力すると、IE8 で何が起こっているのかabcdefghijklmnopqrstuvqxyzabcdefghijklmnopqrstuvqxyzabcdefghijklmnopqrstuvqxyz。編集可能な div の境界に違反し、overflow-x: none を適用すると、div が拡張されるか、テキストが非表示になります。これにより、divが展開されます

jquery でオーバーフローを検出し、長いフレーズを分割して div の幅内に収める方法はありますか?

注意 標準テキストを入力すると、「猫と犬」は自動的に次の行に移動します。

前もって感謝します

4

1 に答える 1

1

これを行う単純な css-property があります: overflow-wrap. ほとんどすべてのブラウザーでは、まだ「ワードラップ」として実装されていますが ( http://caniuse.com/wordwrap )

mdn: https://developer.mozilla.org/en-US/docs/CSS/word-wrap

デモ: http://jsfiddle.net/THC5q/4/

html:

<div>
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
</div>​

CSS:

div {
    width: 200px;
    background-color: #ff0;
    word-wrap: break-word;
}
于 2012-10-30T16:26:11.087 に答える