这些“项目”(名称+价格)中的每一个都具有以下结构:
<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
flex
与flex-wrap: wrap
和flex-direction: row
的位置。
正如你所看到的,在第二项(Soft Grained Calfskin)中,由于flex-wrap
属性价格跳转到单独的行会导致这个混乱。
我的问题是:我可以以某种方式强制所有其他项目执行类似“如果其中一个兄弟姐妹包裹,强行跳到下一行的价格”吗?
由于