html - 在动态网格中排列 Div

标签 html css

点击here查看相关页面。

有没有办法让 div 在动态网格中排列?意思是无论他们有多高,他们总是彼此等距?

最佳答案

我不确定我是否正确理解了您的问题,但如果我理解了,您正在尝试了解如何创建对象网格(例如表格)。

你通常会有一个包装器 div 来定义“限制”的宽度,并在其中放置所有“ float ”到左侧的元素,这样,当它们出现时,它们将折叠到下一行没有更多的空间。 (将任何元素的高度更改为不同于 100px 的东西都没有问题,并且它们仍然会通过 float 相互连接)

您可以在以下链接中查看示例: http://jsfiddle.net/UkBFr/1/

晒。

关于html - 在动态网格中排列 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8035489/

相关文章:

html - CSS 菜单制作器下拉菜单 CSS 在页面刷新之前不会加载

javascript - 如何逐个淡入动态 <li> 元素?

html - mvc 中的 knockout 图像绑定(bind)

php - 带有 Bootstrap 的 PHP 的 HTML 菜单看起来不一样

html - 域名转发时 URL 中的垃圾字符

javascript - 在以下特殊场景下,当移动设备的类型为文本时,在 html 输入字段中为用户显示数字键盘

html - 如何防止HTML中两个相同的div重叠?

php - 如何在内容更改时使用 Symfony2 在生产中强制使用 css 缓存

javascript - OpenLayers/OpenStreetMap 远足自行车 map

jquery - 动态添加的元素不换行