我有一个列表,其中包含多个子列表,子列表向左浮动。请参见http://jsfiddle.net/P4Psf/。
是否有一种方法可以强制这些列与它们的邻居具有相同的高度(即使元素1、2和3具有相等的高度,然后4、5、6具有相等的高度(但当然与1、2、3不同)等等)?
目前,7和8会放置在5和6下面,而它们实际上应该在4和5下面。
当然,我可以使用JavaScript来解决此问题,但我希望有一种纯CSS解决方案适用于(至少)现代浏览器?
是否有一种方法可以强制这些列与它们的邻居具有相同的高度(即使元素1、2和3具有相等的高度,然后4、5、6具有相等的高度(但当然与1、2、3不同)等等)?
目前,7和8会放置在5和6下面,而它们实际上应该在4和5下面。
当然,我可以使用JavaScript来解决此问题,但我希望有一种纯CSS解决方案适用于(至少)现代浏览器?
ul.themenboxen
中所有直接子元素,这些子元素是li
,并符合公式3n+1
,意味着第1个(n=0),第4个(n=1),第7个(n=2)等等。 - Madara's Ghostli:nth-child(kn+1)
,其中k
等于每行的列数。 - Caleb Faruki