我有一个带有一些项目(菜单项)的div，这个div将是浏览器查看器的高度，我想要<p>之间的间距填充 div 的高度。
因此，对于 1024 像素的屏幕，段落之间的间距为 20 像素就可以了，但有时最好为 17 像素，而对于某些大屏幕，22 像素应该就可以了。
你有一个 javascript 函数来自动计算这个或一个 jQuery 插件吗？
最佳答案
有一个名为 flexbox 的新 css 模块。检查this出去。
基本上将容器高度设置为 100%，并将每个元素设置为 flex:1 1 auto。
也可以使用该 URL
更多信息:
这是 jsfiddle 。它很初级，但展示了基本思想。当您将 .flex-container 放入页面时，只需将其高度设置为 100% 即可。 (我将 fiddle 设置为 400px 因为 100% 无法获取 jsfiddle 中的结果帧高度。)
CSS 看起来令人畏惧，因为很多内容都必须加上 vendor 前缀，但实际上非常简单。
关于javascript - 调整段落间距以填充 div 高度的函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24812529/