html – 列不会设置在textarea中

概述这是非常神秘的.我有一个带有textarea字段的表单.我已经删除了装饰器和所有这些,并且我使用行和列来设置组件(在Zend Framework中开发). textarea继续非常宽,从容器中溢出并在视口外.如有必要,我可以添加截图. 这是基本代码： <form id="edit-pending-email" enctype="application/x-www-form-urlencoded" 这是非常神秘的.我有一个带有textarea字段的表单.我已经删除了装饰器和所有这些,并且我使用行和列来设置组件(在Zend Framework中开发). textarea继续非常宽,从容器中溢出并在视口外.如有必要,我可以添加截图.

这是基本代码：

<form ID="edit-pending-email" enctype="application/x-www-form-urlencoded" method="post" action="[path]/email/edit-pending-email/"><label for="salutation" >Salutation</label><input type="text" name="salutation" ID="salutation" value="Yo" /> <p><label for="content" >Body of Email</label><textarea name="content" ID="content" cols="40" rows="30"> blah blah ... text goes here ...</textarea></p><input type="submit" name="save" ID="save" value="Save" /><input type="submit" name="cancel" ID="cancel" value="Cancel" /></form>

这是奇怪的.

>如果我更改行值,则行会更改.如果我更改cols值,则没有任何变化.但行确实发生了变化,所以我知道语法是正确的,无论如何我与其他开发人员交叉检查.他们也不知道发生了什么.
>如果我复制代码并将其粘贴到一个简单的HTML页面中,则textarea大小正确

我查看了CSS(它应该没关系,但是我检查了)并且没有cols的引用,唯一的宽度引用是其他元素.简而言之,绝对没有理由为cols设置的行为方式如此.

然而,确实如此.

解决方法 设置宽度：自动后,cols属性适用于我(至少在Chrome中,我还没有测试其他浏览器).

textarea {  wIDth: auto; }

总结

以上是内存溢出为你收集整理的html – 列不会设置在textarea中全部内容，希望文章能够帮你解决html – 列不会设置在textarea中所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。