我找到的最简单的解释方法就是向您展示贝宁国旗:
我想在CSS中使用flexbox做类似的事情,但是到目前为止我还很困惑。
关键在于我需要将这三个区域设置为兄弟元素,类似于:
<div class=flag>
<div class=green></div>
<div class=yellow></div>
<div class=red></div>
</div>
.flag {
display:flex;
flex-direction: row;
}
/* below this I'm not sure */
.green {
}
.red, .yellow {
}
不添加一个中间节点来包含.red
和.yellow
,这是否有可能?在那一点上很容易实现,但我想知道是否可以做到我上面所描述的。