前端技术 手机教程
程序开发 平面动画
系统软件 CMS教程
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

textarea宽度自适应

2017-09-21 14:47:25 来源:博客园 作者:zbjice

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>
本文关键词:textarea 自适应 宽度

相关文章

零五网,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五网 版权所有 辽ICP备13002105号-1