1

Firefox と Chrome でこの JS フィドルを見てください。

https://jsfiddle.net/rdsz2thp/

のwebkit'word-break: break-word'では、input['text']単語が内部で折り返されます。Firefox はそれをサポートしていませんが、その動作を取得する方法はありますか?

コード例:

.wrappy {
    word-break: break-word;
    width: 100%;
    height: 58px;
}

.wrapper {
    width: 200px;
}

<div class='wrapper'>
    <input type='text' class='wrappy' value="fsdf asdf asdfsadfasdf sdf sdfasd fsdas dfsadf asdf sadfasfd asdf sdf asdf sdfasdf asdf asd fsadfasfd ">
</div>
4

2 に答える 2

0

<input>は単一行、<textarea>複数行です。<textarea>代わりに使用してください

HTML

<div class='wrapper'>
    <textarea class='wrappy'>fsdf asdf asdfsadfasdf sdf sdfasd fsdas dfsadf asdf sadfasfd asdf sdf asdf sdfasdf asdf asd fsadfasfd</textarea>
</div>

デモはこちら

于 2015-11-10T16:39:22.000 に答える