textarea没有填充表格单元格

Question

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

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

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

请打开该应用，并按照以下基本步骤操作：

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

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

我不希望在textarea上方或下方有任何空隙，我希望textarea填充表格单元格。 但是，由于我已经将高度设置为100％，因此该怎么办。

以下是textarea的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

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