当然,我可以使用标准的html文本框,但出于某种原因我需要文本区域.
那么,是否可以禁用textarea的多行选项?
当第一行没有更多空间时,我试图将多余的文本移到新行。但是我的文本只是继续填充同一行而不移动到另一行。我怎样才能解决这个问题?我想在第一行填充文本时移到下一行。
我已经试过了
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)
提前致谢。