强制浏览器使用实际的' \ n'当它换行时

时间:2016-04-16 17:39:35

标签: javascript css

我有一个areatext框,当一行太长时,它会换行到下一行。但是,如果没有在文本中插入换行符,它就会这样做,我需要换行符,以便element.scrollHeight被更改。

我可以想办法在javascript中执行此操作,例如通过获取字体大小和字符数并适当插入\n,但是我希望有一个更简单的解决方案,也许只是一个简单的css设置?

编辑: 例如:https://jsfiddle.net/ah126wm5/1/

1 个答案:

答案 0 :(得分:1)

没有CSS来注入这样的换行符,你需要脚本。

原因是没有手动获取换行符的文本应该调整到容器宽度,以及它的行为方式。

旁注:textarea的滚动高度仍然报告正确,正如您在此updated fiddle中看到的那样,只需添加更多文字并检查高度即可。会看到它有效