首页 > 设置元素的font-size后悔改变元素的高度的原因以及解决方法。

设置元素的font-size后悔改变元素的高度的原因以及解决方法。

在样式表中将元素的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]


pfont-size110px 你说为什么。。。

设置:

.block {
    height: auto;
}
【热门文章】
【热门文章】