css改变li标签高度的3种方法:1、使用height属性,设置li元素的固定高度,语法“li{height:高度值;}”。2、使用min-height属性,设置li元素的最小高度,语法“li{min-height:高度值;}”。3、使用max-height属性,设置li元素的最大高度,语法“li{max-height:高度值;}”。

本教程操作环境: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

3、使用max-height属性
max-height 属性设置元素的最大高度。
默认li高度是由文本高度决定的
- li标签,默认高度
-
li标签,设置最大高度为50px
li标签,设置最大高度为50px
li标签,设置最大高度为50px
li标签,设置最大高度为50px

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










