当字体大小改变时,div上下的边距/内边距变得不对称



我试图使div对称间隔,但当我将字体大小增加到200%或32px时,较低的填充,这是3em和<body>标签的3em的margin由于它在底部变长而不匹配截图

<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body style="margin-left: 5px;
margin-right: 5px;
margin-top: 3em;">
<div style="text-align: center; padding-bottom: 3em; font-size:32px;">Lorem ipsum dolor sit amet</div>
<div style="font-size: 55px; background-color: #000000; color: #FFFFFF;">Lorem Ipsum Dolor Sit Amet</div>
</body>
</html>

由于您已经使用了em, em与字体大小有关,这里有一个定义em:相对于元素的字体大小(2em表示当前字体大小的2倍)

当你通过em进行更改时,它将影响基于

的内边距和边距

最新更新