javascript - 如何让文本区域填充表格列的高度？

Question

在这个 jsfiddle中，单击演示中的“添加问题”按钮，这样它将附加一个表格行。我遇到的问题是，如果您在附加行的“问题”列下查看，textarea则不会填充其列的高度。如何获取附加行中的每个文本区域以填充其表格列的高度？

下面是部分 CSS 代码：

.question { 
    min-width:14%;
    max-width:14%;
    border:1px black solid;
    border-collapse:collapse;
}

.question textarea {
    min-width:auto;
    max-width:auto;
    resize:none;
    height:auto;
    font-size:100%;
}

Answer 1

默认情况下，<textarea>已显示为内联块并与基线垂直对齐。更改以下任何一项：

.question textarea {
  display: block;

  /* or */

  vertical-align: bottom;
}

底部的空间是为延伸到基线以下的字母保留的行高部分，例如“g”或“y”。所以取消父母的行高也可以（不确定Safari）：

.question {
  line-height: 0;
}