Question

我的控件出现问题导致表格细胞不断增加。

我在这里有一个申请：http://jsfiddle.net/XM8hG/8/embedded/result/

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

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

当您打开应用程序时，单击“添加问题”按钮以附加表格行。
在你追加的行中点击“打开网格”并选择按钮“3”，你会看到textarea上方和下方的一个小间隙，再次打开网格并选择“26”按钮，你会看到在textarea之上和之下产生了更大的差距。

我不希望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

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

textarea没有填充表格单元格

1 个答案: