如何使 textarea 元素填充整个父 div 网格框（使用 angular-gridster2 或 gridster 库）？

Posted 2023-05-07

【中文标题】如何使 textarea 元素填充整个父 div 网格框（使用 angular-gridster2 或 gridster 库）？

【英文标题】：How to make textarea element fill the whole parent div grid box (using angular-gridster2 or gridster library)?

【发布时间】：2018-01-11 20:39:58

【问题描述】：

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

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

在 textarea 上，虽然它似乎没有填满整个空间。

有人可以告诉我如何做到这一点，以便我可以让 textarea 填充父 div 的整个空间吗？ （网格框）无需明确，例如：height:300px。

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

注意 textareas 没有填满整个框。

【问题讨论】：

你能提供一个重现你的问题的例子吗？

我只是使用了他们的默认示例，并在其中一个框中粘贴了一个文本框。

对我来说一切都很好plnkr.co/edit/XOzosc2rpf9QI3Y8vjp1?p=preview

不错的尝试，但您无法编辑任何文本框。根据我对这个库的了解，您需要一个 才能在框中包含可编辑的内容，以便您可以拥有可选择/可编辑的内容。我已经用我所看到的更新了 OP 和你的 Plunkr。 plnkr.co/edit/CFSzKIPEEdsB28MjZEkw?p=preview

点击鼠标右键

【参考方案1】：

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

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

Updated Plunker