可调节的盒子宽度基于内容

时间:2016-09-26 15:13:09

标签: css css3 responsive-design flexbox

我是flexbox的新手,但我认为它是我尝试做的最好的工具。 (如果没有,我可以接受其他想法。)我有一套"产品的功能" - 像这样:

mv -i -- "$name" "${name//|/_}"

......共有12个盒子。请参阅http://codepen.io/OsakaWebbie/pen/kkyYOp以真实的方式查看我的真实内容,以获得与我想要的接近的东西。我真正想要的是为盒子定义一个共同的高度,然后让flexbox根据内容调整宽度(在较短的段落后最小化死区),但我无法弄清楚如何。 // addOne Function function addOne(num){ return num + 1 } log(addOne(6)) => 7 // same function with ++ operator function addOne(num){ return num++ } log(addOne(6)) => 6 // Question - why am I getting 6 instead of 7 when I use ++ operator? 听起来很相关,但它对布局没有任何影响。我试过这个CSS:

<div class="flexbox-container">
  <div class="borderbox flexbox">A paragraph of content about the first feature...</div>
  <div class="borderbox flexbox">Another paragraph of content about the second feature...</div>
  <div class="borderbox flexbox">The third feature...</div>
</div>

但它忽略了flex-basis:auto并使一切都变得最大。目前我不得不调整标记并根据其内容为每个框指定宽度(或等于宽度的类),但我希望获得flexbox的强大功能来自动完成。有可能吗?

0 个答案:

没有答案