让 Table 中的 div 占满整个单元格 #54

varHarrie · 2023-08-23T09:25:37Z

<html lang="en">
<head>
  <style>
    table tr {
      height: 1px;
    }

    table tr td {
      height: inherit;
    }

    table tr td div {
      height: 100%;
      background: #ddd;
    }
  </style>
</head>
<body>
  <table>
    <tbody>
      <tr>
        <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
      </tr>
      <tr>
        <div>bbbbbbbbbbbbbbbbbbbbbbb</div>
      </tr>
      <tr>
        <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
      </tr>
      <tr>
        <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
      </tr>
      <tr>
        <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
      </tr>
      <tr>
        <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
      </tr>
    </tbody>
  </table>
</body>
</html>

varHarrie added this to the Snippets milestone Aug 23, 2023

varHarrie added the Styles label Aug 23, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

让 Table 中的 div 占满整个单元格 #54

让 Table 中的 div 占满整个单元格 #54

varHarrie commented Aug 23, 2023 •

edited

让 Table 中的 div 占满整个单元格 #54

让 Table 中的 div 占满整个单元格 #54

Comments

varHarrie commented Aug 23, 2023 • edited

varHarrie commented Aug 23, 2023 •

edited