本文介绍了使textarea填充表格单元格的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我知道，SO上也有类似的问题，但是答案似乎对我不起作用.我的表格中有一个可以填充多行的单元格，并且我想让textarea填充整个单元格.我发现的代码不能用于高度.
I know, there are similar questions on SO, but the answers didn't seem to work for me. My table has got a cell that fills multiple rows, and I want the textarea to fill the whole cell. The code that I've found doesn't work for height.
CSS
textarea {
width: 100%;
height: 100%;
resize: none;
-webkit-box-sizing: border-box; /* <=iOS4, <= Android 2.3 */
-moz-box-sizing: border-box; /* FF1+ */
box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
}
提琴: https://jsfiddle.net/4nkwhLj5/
推荐答案
您可以通过在td中添加position: relative并在文本区域中添加position: absolute来使其工作.
You can make it work by adding position: relative to the td, and position: absolute to the textarea.
这是小提琴: https://jsfiddle.net/stefarossi/5Lwhg7mb/2/
希望您会发现这很有用.
Hope you can find this useful.
这篇关于使textarea填充表格单元格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！