Javascript 在IE中，如何在降低行高的情况下停止剪切文本区域的最后一行？

我有一个包含多行文本的文本区域：

<textarea>this will not clipped
the bottom of this line will be clipped</textarea>

但当在IE7/IE8/IE9中显示时，文本区域的最后一行将被剪裁。我尝试了以下方法：

在后面添加额外的换行符将导致该线渲染精细。这会导致应用程序中无法允许的溢出

在底部使用负边距和正填充。或者使用较小的高度值（如10px）和较大的填充底部值（如140px）。这渲染得很好，但忽略了我对滚动高度和容器高度的测量。要继续使用这个选项，我必须复制我的控件并将它们浮动在顶部，然后将实际用户输入复制到备用控件

将

textarea

切换到

div

，并设置

contentEditable=“true”

，通过HTML管理用户内容（表示换行符不\n，而是

）

使用JS将文本区域的高度切换为“自动”，并为

row=“5”

添加一个属性，但文本仍然被剪裁，删除/添加到页面以允许重新渲染无法工作

---

文本区域的高度最好由元素的“行”属性控制，即：

<textarea rows="4"></textarea>

---

同时从样式中删除高度。

不幸的是，这将不允许高度不是线条高度的倍数。谢谢你的努力。

<textarea rows="4"></textarea>