首页 > 其他 > 详细

textarea 自适应父容器大小

时间:2015-05-04 11:53:01      阅读:364      评论:0      收藏:0      [点我收藏+]
	          <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 自适应父容器大小

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!