javascript - 如何将所有 td 空间与文本区域一起使用?

标签 javascript html css height

我希望我的 textarea 使用所有 height 空间和 css 配置,但我不能。你能帮我么?谢谢。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        td{
            border: solid black 1px;
        }
        textarea{
            height: 100%;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <td>
                <textarea class="textarea1"></textarea>
            </td>
            <td>
                a<br/>
                a<br/>
                a<br/>
                a<br/>
                a<br/>
            </td>
        </tr>
    </table>
</body>
</html>

最佳答案

td 还需要 height: 100%。我将它应用于所有这些,但您可能只想将它限制为具有 textarea 的那个,具体取决于您如何实现它。还制作了 textarea display: block,因为这将删除底部的一点空白。您还可以使用 vertical-align: top 而不是 display: block

<!DOCTYPE html>
<html>

<head>
  <title></title>
  <style type="text/css">
    table,tr,td{
      height: 100%;
    }
    td { border: solid black 1px; }
    textarea{
      height: 100%;
      display: block;
    }
  </style>
</head>

<body>
  <table>
    <tr>
      <td>
        <textarea class="textarea1"></textarea>
      </td>
      <td>
        a<br/> a
        <br/> a
        <br/> a
        <br/> a
        <br/>
      </td>
    </tr>
  </table>
</body>

</html>

关于javascript - 如何将所有 td 空间与文本区域一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42941119/

相关文章:

javascript - 如何让 Jquery $.each 循环在迭代之前等待操作完成?

javascript - html 表未设置。对齐问题

javascript - 在 Jasmine 测试中加载 $modal 的模拟

javascript - 将 HTML 更改为 INT onClick

html - 获取 css :pseudo-elements 的点击

javascript - 使用纬度/经度在雅虎 map 上显示位置

php - 无法用php保存数据

javascript - 是否可以使用 Javascript 从另一个网页更改一个网页?

php - 配置 Emacs 以进行 Web 开发 (PHP)

css - IE8兼容模式下的下拉问题