Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 调整段落间距以填充div高度的函数_Javascript_Height_Line - Fatal编程技术网

Javascript 调整段落间距以填充div高度的函数

Javascript 调整段落间距以填充div高度的函数,javascript,height,line,Javascript,Height,Line,我拥有的是一个带有一些项目(菜单项)的div,这个div将是浏览器查看器的高度,我希望之间的间距可以填充div的高度 所以对于一个1024px的屏幕,段落之间的间距为20px是可以的,但有时最好是17px,对于一些大屏幕,22px应该可以 你有一个javascript函数来自动计算这个值还是一个jQuery插件?如果我理解正确的话,你希望根据父div的高度修改p标记的边距-也许类似这样的东西会有所帮助 MAX = 200; if ($('div').height() > MAX) {

我拥有的是一个带有一些项目(菜单项)的div,这个div将是浏览器查看器的高度,我希望
之间的间距可以填充div的高度

所以对于一个1024px的屏幕,段落之间的间距为20px是可以的,但有时最好是17px,对于一些大屏幕,22px应该可以


你有一个javascript函数来自动计算这个值还是一个jQuery插件?

如果我理解正确的话,你希望根据父div的高度修改p标记的边距-也许类似这样的东西会有所帮助

MAX = 200;
if ($('div').height() > MAX) {
  $('p').attr('style', 'margin:10px 0 10px 0;')
} else {
  $('p').attr('style', 'margin:0 0 0 0;')
}

有一个新的css模块叫做flexbox。退房 基本上将容器高度设置为100%,并将每个元素设置为
flex:1 auto
。 也可以使用该URL

更多信息: 这是一本书。这是初步的,但展示了基本的想法。将
.flex container
放入页面时,只需将其高度设置为
100%
。(我将小提琴设置为
400px
,因为
100%
在JSFIDLE中无法获取结果帧高度。)
CSS看起来让人望而生畏,因为很多内容都必须加上厂商的前缀,但实际上非常简单。

如果您至少能显示一段HTML,这会很有帮助。我认为“代码之间的间距”意味着行高不是问题-更改行高会更改
ahh中每行的高度。也许我应该编辑答案,以便更改p标记的高度。对。。。这是边距而不是线的高度。。。介于