有没有办法让 CSS 表格单元格的 div 具有相等的宽度？答案

【问题标题】：Is there a way to make CSS table-cell divs have equal widths?有没有办法让 CSS 表格单元格的 div 具有相等的宽度？
【发布时间】：2016-10-06 00:48:24
【问题描述】：

现在，我有一组在 CSS 中样式为 display: table-cell 的列。每列都有一个 280px 的 min-width 和一个 360px 的 max-width。唯一的问题是我希望这些列的大小相同。也就是说，我希望每个列都与最宽的列一样宽。我可能会写一些可以做到这一点的javascript。有没有办法只用 CSS 来做到这一点？

如果更好的话，我也可以使用 flexbox。

【问题讨论】：

这是：css-tricks.com/fluid-width-equal-height-columns 你想要什么？
好吧，除了那是流体宽度，等高。我想要流体高度，等宽。
stackoverflow.com/questions/31159732/… 我想这会回答你的问题并给你一些代码。
我建议使用flexbox
你一定已经有足够长的时间知道如何ask a good question

标签： javascript html css flexbox tablecell

【解决方案1】：

这是否符合您的预期？

.table {
  display: flex;
  flex-direction: row;
}

.column {
  min-width: 280px;
  max-width: 360px;
  flex: 1;
}

<div class="table">
  <div class="column">
    <div class="cell">bla bla bla</div>
    <div class="cell">bla bla blabla bla bla</div>
    <div class="cell">bla bla bla</div>
  </div>
  <div class="column">
    <div class="cell">bla bla bla</div>
    <div class="cell">bla bla blabla bla bla</div>
    <div class="cell">bla bla bla</div>
  </div>
  <div class="column">
    <div class="cell">bla bla blabla bla blabla bla bla</div>
    <div class="cell">bla bla bla</div>
    <div class="cell">bla bla bla</div>
  </div>
</div>

【讨论】：

虽然这段代码 sn-p 可以解决问题，但including an explanation 确实有助于提高帖子的质量。请记住，您是在为将来的读者回答问题，而这些人可能不知道您提出代码建议的原因。