html - 当输入字段宽度超过时，需要移动到新行，输入字段的高度增加

Question

我当前正在创建聊天机器人的输入占位符图像。并且在文本输入字段中，每当写入很多单词时，它仍然会在同一行中继续。但我想在下一行继续增加输入占位符的高度。任何帮助，将不胜感激。

 .react-chatbot-kit-chat-input {
    width: 180%;
    height:60%;
    background-color:#E2EFFF;

    padding: 12.5px;
    font-size: 1.0rem;
    border: 1px solid #A8BFF2;
    /* border-bottom-left-radius: 5px; */
    border-radius: 30px;
  }
 
  .react-chatbot-kit-chat-input-form {
    width: 180%;
    
    border-radius: 30px;
    
    
    display: flex;
    justify-content: center;
  }

标签： htmlcssresponsive-design