在样式表中将元素的font-size设为PSD设计稿中对应的字体大小后,元素的height出现了变化,,元素的width保持和font-size一样的大小,可是height却多出了许多,导致元素中的字符不能与其它字符顶部对齐,想请教一下原因以及解决方法。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Sample document</title>
<style type="text/css">
p {
text-align: center;
font-size: 110px;
color: black;
padding: 0px;
margin: 0px;
}
</style>
</head>
<body>
<p>0</p>
</body>
</html>
我想请教的是我设置p元素的font-size和line-height一样高以后为什么,p元素的高度会比p元素中字符的高度大。
![图片描述][1]
p
的 font-size
为 110px
你说为什么。。。
设置:
.block {
height: auto;
}