相关疑难解决方法(0)

是否可以禁用textarea的多行选项?

当然,我可以使用标准的html文本框,但出于某种原因我需要文本区域.

那么,是否可以禁用textarea的多行选项?

html textarea

14
推荐指数
4
解决办法
4万
查看次数

当输入字段宽度超过时移动到新行

当第一行没有更多空间时,我试图将多余的文本移到新行。但是我的文本只是继续填充同一行而不移动到另一行。我怎样才能解决这个问题?我想在第一行填充文本时移到下一行。

我已经试过了

word-wrap: break-word

white-space: initial;
Run Code Online (Sandbox Code Playgroud)

但没有效果。

我的代码如下:

<form onSubmit={ handleSubmit }>
   <div className="create_post_div unchange_div">
        <Field
            name="askQuestionInput"
            component="input"
            type="text"
            className="post_input_preview unchange_div"
            placeholder="Ask your question here"
        />
    </div>
</form>
Run Code Online (Sandbox Code Playgroud)

我的CSS类:

.create_post_div{

    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.post_input_preview {

    width: 640px;
    border: none;
    margin-bottom: 10px;
    font-size: 16px;
    outline: none;
}
Run Code Online (Sandbox Code Playgroud)

提前致谢。

html css text newline line-breaks

8
推荐指数
1
解决办法
1万
查看次数

标签 统计

html ×2

css ×1

line-breaks ×1

newline ×1

text ×1

textarea ×1