即使只有一个包裹,也要对儿童进行柔韧包裹

时间:2016-09-06 09:44:37

标签: html css css3 flexbox

考虑以下示例: enter image description here

这些“项目”(名称+价格)中的每一个都具有以下结构:

<div class="product-customize-variant__row">
  <div class="product-customize-variant__name">
    {{name}}
  </div>
  <div class="product-customize-variant__price">
    £{{price}}
  </div>
</div>

product-customize-variant__row flexflex-wrap: wrapflex-direction: row的位置。

正如你所看到的,在第二项(Soft Grained Calfskin)中,由于flex-wrap属性价格跳转到单独的行会导致这个混乱。

我的问题是:我可以以某种方式强制所有其他项目执行类似“如果其中一个兄弟姐妹包裹,强行跳到下一行的价格”吗?

由于

0 个答案:

没有答案