html - 在垂直方向显示 HTML UL

标签 html css

通常我使用 ul 来获得这样的产品列表,只需在 li 中添加“float: left”,您就快要运行了:

p1 p2 p3 p4
p5 p6 p7 p8

现在我正处于这样的境地:

p1 p4
p2 p6
p3 p7
p4 p8

这可能吗?

编辑:

p1 中的内容是动态的,大小(高度)可以不同。所以我正在寻找类似文章布局的东西。等等:也许第一个列表中只有 3 个产品的空间,下一行有 4 个。所以我不能使用类似两个不同列表的东西,因为内容和产品可能会发生变化。

最佳答案

您可以使用 CSS3 multi-column module但它还没有得到广泛的支持(即不能在 IE 中工作)。

关于html - 在垂直方向显示 HTML UL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6291906/

相关文章:

html - 火狐浏览器对CSS布局的缩放效果

javascript - CSS 过渡不透明度只能从 0 到 1,或者替代过渡效果

html - 如果使用 960 网格系统,如何添加不改变宽度的填充和边框

html - 如何将每个字符与其下一行中的字符水平对齐?

jquery - CSS - 动画列表顺序

javascript - 为什么这只鸟没有撞到壁架上?

html - 如何在 wordpress 中使网站内容动态化

html - 为什么我的导航栏链接是垂直显示的而不是水平显示的?

html - 使用CSS水平居中菜单按钮

javascript - 将 jQuery 创建的元素附加到 vanilla js?