css怎么改行内元素高度

192 阅读 0 评论 127 点赞

我是靠谱客的博主怕孤独眼神，这篇文章主要介绍css怎么改行内元素高度，现在分享给大家，希望可以做个参考。

本文操作环境：windows10系统、css 3、thinkpad t480电脑。

line-height属性是css中一个非常重要的属性，该属性用来设置以百分比计的行高，需要注意的是负值时不允许的。

属性值：

normal 默认。设置合理的行间距。
number 设置数字，此数字会与当前的字体尺寸相乘来设置行间距。
length 设置固定的行间距。
% 基于当前字体尺寸的百分比行间距。
inherit 规定应该从父元素继承 line-height 属性的值。

示例代码：

（学习视频分享：css视频教程）

行内元素设置高度，并且文本垂直水平居中

复制代码    span {
      background: red;
      line-height: 100px;
      align-items: center;
      display: flex;
      justify-content: center;
    }1
2
3
4
5
6
7
span {
      background: red;
      line-height: 100px;
      align-items: center;
      display: flex;
      justify-content: center;
    }
登录后复制