Javascript 调整段落间距以填充div高度的函数
我拥有的是一个带有一些项目(菜单项)的div,这个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的高度
所以对于一个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标记的高度。对。。。这是边距而不是线的高度。。。介于