扫码关注官方订阅号
84669人学习
65727人学习
82984人学习
467778人学习
498837人学习
471966人学习
256484人学习
152542人学习
224170人学习
139536人学习
81804人学习
85022人学习
11944人学习
20001人学习
60816人学习
5487人学习
15007人学习
2150人学习
6980人学习
194925人学习
359900人学习
1142人学习
19058人学习
3206人学习
180550人学习
48569人学习
17603人学习
40936人学习
1049人学习
750人学习
32909人学习
在布局里面经常会用到这两个的,无法理解这个区别,越详细越好
求问关于height和line-height的区别?越详细越好?-PHP中文网问答-求问关于height和line-height的区别?越详细越好?-PHP中文网问答
围观一下哦,学习一下。
height——设置元素的高度。 line-height——设置行间的距离(行高)。如:你给一个<h1 class="test">这个是大标题</h1>设置相关属性,
.test{ width:200px; height:30px; line-height:30px; }
height属性可用百分比、像素值设置。如:
.test{ height:50%; }
line-heigh属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
精品班
技术支持
技术咨询
学习群
会员优惠
返回顶部
求问关于height和line-height的区别?越详细越好?-PHP中文网问答-求问关于height和line-height的区别?越详细越好?-PHP中文网问答
围观一下哦,学习一下。
height——设置元素的高度。
line-height——设置行间的距离(行高)。
如:你给一个<h1 class="test">这个是大标题</h1>设置相关属性,
height属性可用百分比、像素值设置。如:
line-heigh属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。