Question

在this jsfiddle中点击演示中的“添加问题”按钮，它会附加一个表格行。我遇到的问题是，如果您查看附加行中的“问题”列，textarea不会填充其列的高度。如何在其附加行中获取每个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;
}

如何让textarea填充表格列的高度？

1 个答案: