我有一个流畅的布局,我需要一个文本区域来根据父容器的大小来扩展/缩小。
在 CSS 中它看起来像这样:
textarea{
width: 100%;
}
但这不适用于文本区域。
我怎么能用javascript做到这一点?我可以获取父元素的宽度,然后他们计算适合该宽度的列数,但我怎么知道 1 列的大小(以 px 为单位)?
我有一个流畅的布局,我需要一个文本区域来根据父容器的大小来扩展/缩小。
在 CSS 中它看起来像这样:
textarea{
width: 100%;
}
但这不适用于文本区域。
我怎么能用javascript做到这一点?我可以获取父元素的宽度,然后他们计算适合该宽度的列数,但我怎么知道 1 列的大小(以 px 为单位)?
检查一下:http ://css-tricks.com/box-sizing/
textarea {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
现在是 2014 年,width: 100%;
现在可以在 Chrome、Firefox、IE、Opera 和 Safari 的当前版本中使用textareas 。