在表单提交后输入的文本导致textarea扩展到div之外

Question

我有一张让我疯狂的表格。表单包含几个textareas作为输入字段。复制和粘贴或只是将数据输入textarea时一切都很好。但是，当我提交表单并重新显示时，textarea现在已扩展，在其容器div之外，以容纳任何没有空格并溢出宽度的文本。它不应该像第一次进入时那样换行吗？如果是这样，我如何让它停止扩展textarea？

示例：

在提交之前：

表单提交后：

#incexfrm {
    width: 675px;
    background-color: #d9d9d9;
    border: 2px solid #000;
}
.category textarea {
    height: 100%;
    width: 99%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#incexfrm id是容器的CSS。 .category类包含表单上各种textareas的CSS。

任何帮助将不胜感激。谢谢！

Answer 1

根据您的提问，我建议您使用以下代码 - 您的textarea必须在类别

中

#incexfrm { 
    width: 675px; 
    background-color: #d9d9d9; 
    border: 2px solid black; 
}

.category { 
    width: 100%; 
}

.category textarea { 
    height: 100%; 
    width: 99%; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}