html - 滚动文本区域时防止出现 "half cut"行

Question

我有几个文本区域，里面有一堆文本。但是，我在滚动之前将文本的底部截断了。我尝试使用 padding 但它只会弄乱文本区域的大小并且不适用于内容。

我不擅长解释所以给你一张图

Here也是一把 fiddle

Answer 1

<textarea rows="10">Lorem ipsum</textarea>

您可以使用除 height 之外的任何样式(从您的 fiddle 中复制):

textarea {
    background-color: rgb(235, 235, 235);
    border-radius: 10px;
    width: 30%;
    /* height: 150px; REMOVED */
    border: 1px solid rgb(201, 201, 201);
    color: gray;
    padding: 20px;
    font-family: 'Lora' !important;
    font-style: italic;
    font-size: 17px;
    resize: none;
}