text区域，如果指定了高度，为什么它会一直滚动

Question

我正在想办法去除滚动效果。滚动效果是指当你选择文本时，它开始向下滚动。

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

它不应该允许滚动，因为我已经指定了高度，文本完全适合这个区域。

如果我删除了textare中的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>标签中包含的几乎所有内容都被视为文本。。。包括回车/换行。你在结尾有一个额外的换行符。（我也删除了下面片段中的第一个换行符，但这两种方式似乎都没有任何区别）

.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>