textarea 自适应父容器大小

最新推荐文章于 2021-08-04 05:07:59 发布

快乐柠檬

最新推荐文章于 2021-08-04 05:07:59 发布

阅读量1.3w

点赞数 1

分类专栏：网页前端文章标签： textarea 自适应

本文链接：https://blog.csdn.net/limenghua9112/article/details/45478509

版权

网页前端专栏收录该内容

24 篇文章 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”控制其断行)*/
}

效果：