2

この 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%;
}
4

1 に答える 1

2

デフォルトで<textarea>は、はインラインブロックとして表示され、ベースラインに垂直に配置されています。2つのうちのいずれかを変更します。

.question textarea {
  display: block;

  /* or */

  vertical-align: bottom;
}

下部のスペースは、「g」や「y」のように、ベースラインより下に伸びる文字用に予約されている行の高さの一部です。したがって、親の行の高さを無効にすることもできます（Safariについてはわかりません）。

.question {
  line-height: 0;
}
于 2012-12-19T20:38:53.407 に答える