Firefox中的输入文本换行
Firefox中的输入文本换行
提问于 2015-11-11 00:30:36
看看Firefox和Chrome中的JS小提琴
https://jsfiddle.net/rdsz2thp/
在webkit中，input['text']上的'word-break: break-word'将在内部自动换行。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>回答 2
Stack Overflow用户
发布于 2015-11-11 00:39:22
<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>Stack Overflow用户
发布于 2015-11-11 00:49:24
请使用文本区，请参阅here。
<div class='wrapper'>
<textarea class='wrappy'>fsdf asdf asdfsadfasdf sdf sdfasd fsdas dfsadf asdf sadfasfd asdf sdf asdf sdfasdf asdf asd fsadfasfd</textarea>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33634867
复制相关文章
相似问题
腾讯云开发者
