Javascript text仅一行的区域获胜';不要将文本正确地包装在里面

Javascript text仅一行的区域获胜';不要将文本正确地包装在里面,javascript,html,css,Javascript,Html,Css,我遇到的问题与HTMLtextarea和文本放在那里有关。我希望它有一个垂直滚动,并显示一行一行的文字 相反,它不能正确地显示线条。例如,假设我的文本在默认情况下被包装成四行。现在让我们假设我在第一行,我点击了向下滚动箭头-我将移动到第三行,另一个向下滚动箭头,我在最后,第四行。现在让我们点击箭头向上,我在第二行。就像我的卷轴没有及时识别keyup事件一样,或者一次显示两行(一行和第二行的一部分-如果你检查我正在连接的小提琴,你可以看到它) 请注意,只有当我选择“我的textarea仅为一行”时

我遇到的问题与HTML
textarea
和文本放在那里有关。我希望它有一个垂直滚动,并显示一行一行的文字

相反,它不能正确地显示线条。例如,假设我的文本在默认情况下被包装成四行。现在让我们假设我在第一行,我点击了向下滚动箭头-我将移动到第三行,另一个向下滚动箭头,我在最后,第四行。现在让我们点击箭头向上,我在第二行。就像我的卷轴没有及时识别
keyup
事件一样,或者一次显示两行(一行和第二行的一部分-如果你检查我正在连接的小提琴,你可以看到它)

请注意,只有当我选择“我的
textarea
仅为一行”时,才会出现此问题-如果我选择两行,一切似乎都正常

我的代码:

<html>
<body>
<style type="text/css">
textarea[name="info"] {resize: none; height: 100%; width:100%, 375px; overflow-y: scroll;
    }
</style>
<textarea name="info" cols=65 wrap="soft" rows=1 disabled="disabled">Niewielkie wzniesienie o kształcie kopca, z wyraźnie zaznaczonym wierzchołkiem i łagodnymi zboczami wznosi się nad Mariańską Doliną położoną po wschodniej stronie. Góra wyrasta na końcu ramienia odchodzącego na południowy-zachód od rozrogu. </textarea>
</body>
</html>

textarea[name=“info”]{resize:none;高度:100%;宽度:100%,375px;overflow-y:滚动;
}
尼维尔基·维兹尼·奥克什塔·科帕,兹韦拉尼·扎兹纳科尼·维尔兹乔·基姆·阿戈德尼米·兹波扎米·维兹诺西·维兹诺西·斯多林·波波波波波波波波波斯托尼。格拉·怀拉斯塔·纳科库·拉米尼亚·奥德乔兹·塞戈·纳波乌德尼奥德·罗兹罗格·扎克德。


在小提琴中,你可以看到问题:如果
textarea
将被调整大小(展开),你可以看到四行文本。然而,当你滚动时,你只有三行(第一行点击的行被窃听了——一行两行)。

Add
textarea{line height:20px;}
在你的小提琴中。当滚动显示错误的行时,添加textarea{line height:20px;}会导致我在开头提到的问题,现在是textarea。首先看一看第二行:“Niewielkie Wznieseie o kształcie kopca,z wyraźnie zaznaczonym”,第二行(事实上是第三行)“Dolinąpołożonąpo wschodniej stronie.Góra wyrasta na ko cu”,而第二行“wierzcho kiem iłagodnymi zboczami wznosiąnad Mariaąsk”不见了。