Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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
Html 是否可以在具有较高行高的段落周围获得相等的空间?_Html_Css - Fatal编程技术网

Html 是否可以在具有较高行高的段落周围获得相等的空间?

Html 是否可以在具有较高行高的段落周围获得相等的空间?,html,css,Html,Css,我正在尝试实现周围的空间变成10px。但我需要在这里使用双倍的线条高度。我没有得到周围的空间是平等的。正确的方法是什么?我把它放在左边和右边。但不是顶部和底部 *{ 填充:0; 保证金:0; } div{ 背景:黄色; 填充:10px; } p组{ 线高:2; 文本对齐:对齐; } Lorem ipsum dolor sit amet,奉献精英。劳动部的工作人员在劳动部的工作人员中担任职务。南,普罗维登特建筑师?负,反,维尼安 假设默认字体大小为16px,行高:2使行高:32px。您的16p

我正在尝试实现周围的空间变成
10px
。但我需要在这里使用双倍的线条高度。我没有得到周围的空间是平等的。正确的方法是什么?我把它放在左边和右边。但不是顶部和底部

*{
填充:0;
保证金:0;
}
div{
背景:黄色;
填充:10px;
}
p组{
线高:2;
文本对齐:对齐;
}

Lorem ipsum dolor sit amet,奉献精英。劳动部的工作人员在劳动部的工作人员中担任职务。南,普罗维登特建筑师?负,反,维尼安


假设默认字体大小为
16px
行高:2
使
行高:32px
。您的
16px
text=32-16=
16px
周围的空格。这意味着顶部和底部都有额外的空间。
因此,只需在顶部和底部填充
2px
就可以得到总共
10px
的空白

是这样的:

*{
填充:0;
保证金:0;
}
:根{
字体大小:16px;
}
div{
背景:黄色;
填充:2x10px;
}
p组{
线高:2;
文本对齐:对齐;
}

Lorem ipsum dolor sit amet,奉献精英。劳动部的工作人员在劳动部的工作人员中担任职务。南,普罗维登特建筑师?负,反,维尼安


假设默认字体大小为
16px
行高:2
使
行高:32px
。您的
16px
text=32-16=
16px
周围的空格。这意味着顶部和底部都有额外的空间。
因此,只需在顶部和底部填充
2px
就可以得到总共
10px
的空白

是这样的:

*{
填充:0;
保证金:0;
}
:根{
字体大小:16px;
}
div{
背景:黄色;
填充:2x10px;
}
p组{
线高:2;
文本对齐:对齐;
}

Lorem ipsum dolor sit amet,奉献精英。劳动部的工作人员在劳动部的工作人员中担任职务。南,普罗维登特建筑师?负,反,维尼安


从衬垫顶部和底部移除半个
线条高度

*{
填充:0;
保证金:0;
}
div{
背景:黄色;
填料:钙(10px-0.5em)10px;
保证金:5px;
}
p组{
线条高度:2em;/*将给出与2相同的结果*/
文本对齐:对齐;
}

Lorem ipsum dolor sit amet,奉献精英。劳动部的工作人员在劳动部的工作人员中担任职务。南,普罗维登特建筑师?负,反,维尼安

Lorem ipsum dolor sit amet,奉献精英。劳动部的工作人员在劳动部的工作人员中担任职务。南,普罗维登特建筑师?负,反,维尼安

Lorem ipsum dolor sit amet,奉献精英。劳动部的工作人员在劳动部的工作人员中担任职务。南,普罗维登特建筑师?负,反,维尼安


从衬垫顶部和底部移除半个
线条高度

*{
填充:0;
保证金:0;
}
div{
背景:黄色;
填料:钙(10px-0.5em)10px;
保证金:5px;
}
p组{
线条高度:2em;/*将给出与2相同的结果*/
文本对齐:对齐;
}

Lorem ipsum dolor sit amet,奉献精英。劳动部的工作人员在劳动部的工作人员中担任职务。南,普罗维登特建筑师?负,反,维尼安

Lorem ipsum dolor sit amet,奉献精英。劳动部的工作人员在劳动部的工作人员中担任职务。南,普罗维登特建筑师?负,反,维尼安

Lorem ipsum dolor sit amet,奉献精英。劳动部的工作人员在劳动部的工作人员中担任职务。南,普罗维登特建筑师?负,反,维尼安


calc如何处理
px-em
,例如,如果字体大小是
16px
,那么
calc(10px-1em)
be
calc(10px-16px)
是否会导致负值?显然不是这样的works@TJ不允许负值,因此它将默认为0,因此10px-16px将为0。。这次我跑得有点快,应该是/4而不是/2。它应该是半行高度,但从两边看,这对于像5em和10px的边距这样的较大值不起作用。填充也需要计算。@TJ哦,这超出了问题范围,但无论如何都要更新我的答案以涵盖所有案例。我的答案已经涵盖了问题中的特定案例。因此,如果您要使用
calc
在上面添加答案,那么它实际上需要使用不同的值,对吗?否则,calc和variablesHow的要点是什么?calc与
px-em
一起工作吗?例如,如果字体大小是
16px
,那么
calc(10px-1em)
不会是
calc(10px-16px)
导致负值吗?显然不是这样的works@TJ不允许负值,因此它将默认为0,因此10px-16px将为0。。这次我跑得有点快,应该是/4而不是/2。它应该是半行高度,但从两边看,这对于像5em和10px的边距这样的较大值不起作用。填充也需要计算。@TJ哦,这超出了问题的范围,但无论如何要将我的答案更新为co