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

Question

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

例子:

提交之前:

表单提交后:

#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 类包含表单上各种文本区域的 CSS。

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

根据您的问题，我建议您使用以下代码-此处您的文本区域必须属于类别类

#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; 
}