textarea宽度自适应

css代码：

  <style>  .comments {      width:100%;/*自动适应父布局宽度*/      overflow:auto;      word-break:break-all;  }  </style>

使用word-break是为了在ie中解决断行问题，防止自动变为在一行显示，主要解决ie兼容问题，ie8中当设宽度为100%时，文本域类容超过一行时，当我们双击文本内容就会自动变为一行显示，所以只能用ie的专有断行属性“word-break或word-wrap”控制其断行。

html代码：

  <textarea class="comments" rows="10" cols="10"> </textarea>

声明： 1、本博客不从事任何主机及服务器租赁业务，不参与任何交易，也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动，信息均摘自网络或来自服务商主动提供；所以对本博客提及的内容不作直接、间接、法定、约定的保证，博客内容也不具备任何参考价值及引导作用，访问者需自行甄别。 2、访问本博客请务必遵守有关互联网的相关法律、规定与规则；不能利用本博客所提及的内容从事任何违法、违规操作；否则造成的一切后果由访问者自行承担。 3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。 4、一旦您访问本博客，即表示您已经知晓并接受了以上声明通告。：吾爱主机之家 » textarea宽度自适应