css行内元素的line-height属性导致的高度溢出问题。

<div style="line-height:1.12;">
  <span style="display:inline-block;">
    此处的文字高度要大于所属的span元素的高度。
    <span></span>
  </span>
<div>

这里第一个span的高度会不等于其内容所占的高度,为什么会出现这种情况呢?我也不晓得。

可以通过给第一个span标签添加line-height: normal;样式,这样高度就是相等的。

posted @ 2023-02-01 16:14  星小梦  阅读(278)  评论(0编辑  收藏  举报