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>

赞(0)

版权声明：本文采用知识共享署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称：《textarea宽度自适应》
文章链接：https://www.ruiwuer.com/187.html
本站资源仅供个人学习交流，请于下载后24小时内删除，不允许用于商业用途，否则法律问题自行承担。