textarea宽度自适应

css代码:

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

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

html代码:

  <textarea class="comments" rows="10" cols="10"> </textarea>
未经允许不得转载:国外主机测评 » textarea宽度自适应