我试图为所有"列设置样式"使用display: inline-flex
,flex-direction: column
和flex-wrap: wrap
进行渲染。应用于容器的样式(例如border
)不会在后续列中呈现,如this fiddle中所示。
在提供的小提琴中,我想知道如何将#container样式应用于每一列 - 特别是边框(因为背景颜色可以很容易地应用于嵌套的div)。
当然,一个hacky解决方案(例如将嵌套div和第n个孩子设计为具有边框顶部/底部)可以实现视觉效果,但它不是动态的。无论容器div上设置的高度如何,我都需要它才能工作。
据我所知,没有选择器可以设置flex列中的第一个元素或特定的任何元素,所以有没有办法在不使用JavaScript的情况下执行此操作?