textarea，如果指定高度，为什么要继续滚动？

Question

我想找个办法消除滚动效应。随着滚动效果，我的意思是，当你选择文本，它开始滚动下来。

问题： http://jsfiddle.net/z7nm8cks/

它不应该允许滚动，因为我有指定的高度和文本完全适合该地区。

如果我删除了文本中的1行空行，那么它可以正常工作，但我需要这额外的行。

没有1行空行的演示： http://jsfiddle.net/3h8rube9/

我希望我说得够清楚了，不知道该怎么描述..

​

    .content_text {
    	text-align: center;
    	width: 384px;
    	margin-left: 41.28px;
    	font-size: 28.8px;
    	display: inline-block;
    	vertical-align: middle;
    	line-height: 40.32px;
    }
    .textarea_dotted {
    	font-family: 'Monotype Corsiva', sans-serif;
    	height: 322.56px;
    	color: black;
    	width: 384px;
    	overflow: hidden;
    	background: red url('http://i.imgur.com/CCTWFGo.png');
    	border: none;
    	outline: none;
    	resize: none;
    }

    <textarea class="content_text textarea_dotted" disabled>
    Balts sniedziņš snieg uz skujiņām
    Un maigi dziedot pulkstenis skan
    Mirdz šur tur ciemos ugunis
    Un sirds pukst aplaimoti man ...
    
    
    Priecīgus ziemassvētkus!
    </textarea>

​

Answer 1

</textarea> 将移动到与最后一段文本相同的行。。

<textarea>标记中包含的几乎所有内容都被认为是text...that，包括返回/换行。你最后有一个额外的线中断。(我还删除了下面片段中的第一行，但两者似乎都没有什么区别)

​

.content_text {
	text-align: center;
	width: 384px;
	margin-left: 41.28px;
	font-size: 28.8px;
	display: inline-block;
	vertical-align: middle;
	line-height: 40.32px;
}
.textarea_dotted {
	font-family: 'Monotype Corsiva', sans-serif;
	height: 322.56px;
	color: black;
	width: 384px;
	overflow: hidden;
	background: red url('http://i.imgur.com/CCTWFGo.png');
	border: none;
	outline: none;
	resize: none;
}

<textarea class="content_text textarea_dotted" disabled>Balts sniedziņš snieg uz skujiņām
Un maigi dziedot pulkstenis skan
Mirdz šur tur ciemos ugunis
Un sirds pukst aplaimoti man ...



Priecīgus ziemassvētkus!</textarea>

​