码迷,mamicode.com
首页 > 其他好文 > 详细

textarea 自适应父容器大小

时间:2015-05-04 11:55:50      阅读:322      评论:0      收藏:0      [点我收藏+]

标签:textarea   自适应   

	          <div id="collapse-panel-4" class="am-panel-bd am-collapse am-in">
	          	<textarea cols="80" rows="50" id="msg" class="comments"></textarea>
	          </div>


/* textarea 自适应父容器大小 */
.comments {
	width: 100%; /*自动适应父布局宽度*/
	overflow: auto;
	word-break: break-all;
	/*在ie中解决断行问题(防止自动变为在一行显示,主要解决ie兼容问题,ie8中当设宽度为100%时,文本域类容超过一行时,当我们双击文本内容就会自动变为一行显示,所以只能用ie的专有断行属性“word-break或word-wrap”控制其断行)*/
}

效果:

技术分享


改变浏览器大小后:

技术分享

textarea 自适应父容器大小

标签:textarea   自适应   

原文地址:http://blog.csdn.net/limenghua9112/article/details/45478509

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!