0

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

我在这里有一个应用程序：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"
    });
}

​</p>

4

1 回答 1

1

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

于 2013-01-01T23:23:20.137 回答