将CSS应用于所有flex-wrapped列而不仅仅是第一列

时间:2018-03-09 13:28:16

标签: css css3 flexbox

我试图为所有"列设置样式"使用display: inline-flexflex-direction: columnflex-wrap: wrap进行渲染。应用于容器的样式(例如border)不会在后续列中呈现,如this fiddle中所示。

在提供的小提琴中,我想知道如何将#container样式应用于每一列 - 特别是边框(因为背景颜色可以很容易地应用于嵌套的div)。

当然,一个hacky解决方案(例如将嵌套div和第n个孩子设计为具有边框顶部/底部)可以实现视觉效果,但它不是动态的。无论容器div上设置的高度如何,我都需要它才能工作。

据我所知,没有选择器可以设置flex列中的第一个元素或特定的任何元素,所以有没有办法在不使用JavaScript的情况下执行此操作?

0 个答案:

没有答案