css - 如何在 CSS 中制作此布局?

标签 css layout html

This layout

我什至不知道如何命名它。 “流体”或“液体”列似乎是指简单的动态高度。我做了这个,有两个问题:是否可以用原始的 HTML5/CSS3 来做?是否有可能使其适用于 3、4、...、n 列?!

最佳答案

我知道您想实现类似 this 的目标
您可以使用 Masonry - 这是纯 JavaScript 并且还支持 jQuery
Isotope这是一个 jQuery 插件。
这些插件的作者建议使用 Isotope .

关于css - 如何在 CSS 中制作此布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17223810/

相关文章:

php - 在 GET 请求中保留值

javascript - 如何在具有特定 ID 的 <ul> 下过滤 <li>?

css - 如何修改 twitter bootstrap ".icon-bar"颜色

wpf - 如何绑定(bind)到 ListBox 的视口(viewport)宽度(即没有滚动条的宽度)?

php - Select List后查询SQL数据库

html - 什么导致提交按钮和按钮错位

html - 响应式菜单,<a> 高度 100%

HTML 表格定位(微妙)

c++ - doLayout : how to setGeometry on top of another widget?

css - 获取滚动条以忽略单个背景 div