>首页> IT >

环球观点:css怎么改变li标签的高度

时间:2022-09-06 18:07:09       来源:PHP中文网

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。


(资料图)

html改变li标签的高度

1、使用height属性

height属性设置元素的固定高度。(注意: height属性不包括填充,边框,或页边距!)

默认li高度是由文本高度决定的
  • li标签,默认高度
  • li标签,设置高度为10px
  • li标签,设置高度为50px
  • li标签,设置高度为100px

2、使用min-height属性

min-height属性设置元素的最低高度。

默认li高度是由文本高度决定的
  • li标签,默认高度
  • li标签,设置最小高度为50px

没有内容时,或内容高度小于50时,li的高度显示在50px;

内容高度大于50时,li高度是由文本高度决定的

  • li标签,设置最小高度为50px
    li标签,设置最小高度为50px
    li标签,设置最小高度为50px
    li标签,设置最小高度为50px
    li标签,设置最小高度为50px
  • 3、使用max-height属性

    max-height 属性设置元素的最大高度。

    默认li高度是由文本高度决定的
    • li标签,默认高度
    • li标签,设置最大高度为50px
      li标签,设置最大高度为50px
      li标签,设置最大高度为50px
      li标签,设置最大高度为50px

    推荐教程:《html视频教程》

    以上就是css怎么改变li标签的高度的详细内容,更多请关注php中文网其它相关文章!

    关键词: 最小高度 最大高度 属性设置