Question

我试图想出一种去除滚动效果的方法。滚动效果我的意思是当你选择文字并开始向下滚动时。

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

如果我在textare中删除了1个空行，那么它工作正常，但我需要这个额外的行。

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

我希望我很清楚，不知道如何描述这个......

＆＃13;

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

＆＃13;

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

＆＃13;

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>

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

1 个答案: