jquery - textarea 未填充表格单元格

Question

我的控件出现问题，导致表格单元格不断增加。

我在这里有一个应用程序:http://jsfiddle.net/XM8hG/8/embedded/result/

要查看代码，请访问此链接:http://jsfiddle.net/XM8hG/8/

请打开应用程序并按照以下基本步骤操作:

1. 打开应用程序时，单击“添加问题”按钮以附加表格行。

2. 在您附加的行中单击“打开网格”并选择按钮“3”，您将看到文本区域上方和下方有一个小间隙，再次打开网格并选择按钮“26”，您将看到在文本区域上方和下方产生更大的间隙。

我不希望 textarea 上方或下方有任何空隙 我希望 textarea 填充表格单元格。但是我怎么能这样做，因为我已经将高度设置为 100%。

下面是文本区域的CSS:

.textAreaQuestion{
    width:auto;
    resize:none;
    height:100%;
    font-size:100%;
    display: block; 
    overflow:auto;

}

下面是一个 jquery 代码，我试图在其中填充表格单元格，目前它是在单击“添加问题”按钮时执行的。

function setWidth() {
    var questionCellWidth = $("#qandatbl_onthefly tbody .question").width();
    var questionCellHeight = $("#qandatbl_onthefly tbody .question").height();
    $(".textAreaQuestion").css({
        "width": (questionCellWidth - 6) + "px",
        "height": (questionCellHeight) + "px"
    });
}

Answer 1

我设置了一个 new example显示如何在多个 div 元素中设置 textarea 的样式。此示例包含 CSS，它会自动缩放 textarea 的宽度/高度以匹配右侧的内容。我试图遵循您原始帖子的逻辑和结构，但从头开始使用 div 元素。希望这段代码有用。它旨在允许输入个人问题和答案，并有可能添加新的问题/答案集。