html - 如何使 textarea 元素填充整个父 div 网格框(使用 angular-gridster2 或 gridster 库)?

标签 html css angular gridster

我正在使用这个网格库:https://github.com/tiberiuzuld/angular-gridster2 我想要做的是在网格中的一个框内放置一个文本区域。我试着把

style="width:100%;
height:100%;
border-box:100%;
-moz-border-box:100%;
-webkit-border-box:100%" 

在文本区域上,尽管它似乎没有填满整个空间。

谁能告诉我怎么做才能让文本区域填满父 div 的整个空间? (网格框)而不必像这样显式:height:300px 作为示例。

我的问题的 Plunkr: https://plnkr.co/edit/CFSzKIPEEdsB28MjZEkw?p=preview

注意文本区域如何没有填满整个框。

最佳答案

您缺少此类 gridster-item-content 的样式

.gridster-item-content{
  height: 100%;
  width:100%;
}

Updated Plunker

关于html - 如何使 textarea 元素填充整个父 div 网格框(使用 angular-gridster2 或 gridster 库)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45497802/

相关文章:

Angular 2 - 在 firefox 上使用 $event.srcElement 的问题

html - 如何在 HTML 和 CSS 中将正常(水平)和旋转的线连接到同一点?

javascript - 为什么 getBoundingClientRect 只能在本地工作?

javascript - 鼠标离开时在 anchor 标签上反向悬停

javascript - 如果我使用 "id",我的 fancybox 将打开,但如果我使用 "class",则不会打开

css - mootools 可以更改 css .class 的属性,以便更改反射(reflect)在属于该类的所有元素上吗?

html - ionic 图标未对齐

html - 尽管源代码和 CSS 文件相同,但背景图像没有出现在站点副本中?

javascript - Angular 2 使用指令防止输入和模型更改

angular - 如何从 Angular 组件设置输入字段属性 'readonly'