Question

我有一个包含两列的表，我希望每行的高度由右列中内容的高度决定，这样左列中的单元格往往会被垂直切断。

我可以在CSS中执行此操作吗？我尝试在左侧max-height=100%设置td，并在左侧div内使用td并在其上设置max-height=100%。但是行的大小仍然适合哪个单元格最大，而不是忽略左边的大小。

Answer 1

您可以使用position:absolute等将div设置为overflow:hidden，并在width上设置一些td，以防止它与内部唯一的绝对div折叠。< / p>

table {
  width: 200px;
}
td {
  width: 50%;
}
td:first-child {
  position: relative;
}
td:first-child  > div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

<table border="1">
  <tr>
    <td>
      <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
    </td>
    <td>Lorem ipsum</td>
  </tr>
</table>

使一列单元格确定行高

1 个答案: