Flex表的列宽适合内容

时间:2019-04-03 17:54:39

标签: html css css3 flexbox

假设我有一个简单的flex-box表。我希望所有列都具有相等的宽度,以扩展到表的宽度。也就是说,如果有四列,则每一列将占表总宽度的25%。我知道该怎么做。

现在假设我希望能够标记带有类.fit-to-content的任意列。标记有此类的任何列的宽度都将设置为该列内容所需的最大宽度。

此Codepen是我最初的尝试:https://codepen.io/anon/pen/eoJmMN

请注意,虽然标记为.fit-to-content的弹性框列的宽度确实设置为其内容宽度,但行之间的宽度有所不同。 flex-box是否可以使列共享相同的宽度?

假设我事先不知道宽度(即我不能仅将宽度设置为100px左右)。

0 个答案:

没有答案