javascript - float DIV 额外空间填充

标签 javascript html css

我有这些 float DIV 框,在其中工作得很好。 :)

float div

但是当文字延伸的多了,我就遇到了这个 float 的问题。

enter image description here

我如何填充那个破坏我的设计的丑陋空间?

最佳答案

发生这种情况是因为 float 元素脱离了正常的 HTML 文档流,并且当某些元素比它们的兄弟元素高时默认为这种行为。

解决这个问题的一种方法是使用固定高度的元素。如果它们都具有相同的高度,则不会发生此问题。然而,这并不总是实用的,尤其是对于动态内容。

另一种解决方案是使用 JavaScript。看看 Masonry jQuery plugin ;它可以满足您的需求。

关于javascript - float DIV 额外空间填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16907949/

相关文章:

html - 将CSS添加到按钮

css - 在跨浏览器的输入文本中对齐文本

javascript - js 下拉菜单不起作用

javascript - JQuery - 禁用滚轮直到动画完成

javascript - 我的数据表问题的正确语法是什么?

javascript - React.js 在从 Express.js 和 Restful api 获取响应之前等待 4 分钟

javascript - 样式 ="display:block;"适用于 Chrome 但不适用于 Safari

javascript - 更改值中带有 < 和 > 的选择值

html - CSS:将所有内容包装在一个带有滚动条的框中

html - 如何在导航栏(菜单)元素上应用或更改颜色