我是靠谱客的博主 怕孤独眼神,最近开发中收集的这篇文章主要介绍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;
    }
登录后复制

相关推荐:CSS教程

以上就是css怎么改行内元素高度的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是怕孤独眼神为你收集整理的css怎么改行内元素高度的全部内容,希望文章能够帮你解决css怎么改行内元素高度所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(236)

评论列表共有 0 条评论

立即
投稿
返回
顶部