如何在td中将div宽度设置为父级？

Question

我有Bootstrap的简单表格。问题是文本很长。我想在其中添加底部滚动，以便在div内创建td并在那里放置文字。致div我添加了max-height: 75px; overflow:auto; width: auto; width: 100%; max-width: 100%;个样式，但它仍然出现......

P.S。 模板基于百分比，所以我不能在px中添加宽度。

Answer 1

我认为这可以解决您的问题。如果希望列更短，请将一些宽度设置为父td。

.div-inside-td {
    height: 75px;
    max-width: 100%;
    overflow-x: scroll;
}

Answer 2

由于您使用的是width:auto，因此div将使用剩余的所有剩余空间。
如果你想控制＆＃34; Permissons＆＃34;的宽度。列，您可以使用表头内的网格系统，如下所示：

<thead>
<tr>
  <th class="col-md-2">Group ID</th>
  <th class="col-md-2">Name</th>
  <th class="col-md-8">Permissons</th>
</tr>
</thead>