【学习笔记】min-height、max-height、line-height

background-size,100%和cover的区别

两者都是用于将图片扩大或者缩放来适应整个容器
(1)background-size: 100% 100%
按照容器比例撑满,图片变形
(2)background-size: 100%
背景图片x轴会完全铺满,y轴默认为auto,超出部分隐藏
(3)background-size: cover
把背景图片放大到合适元素容器的尺寸,图片比例不变,但是超出的部分可能会裁掉

min-height、max-height、line-height

min-height:就是层的最小高度,如果该层中的元素内容高度小于这个高度,就将层显示为min-height的值,超过的话,就撑破层,使层的高度与元素内容高度一样。
max-height:就是和这个相反了,不超出的话,层高度就和层中内容元素高度一致,否则就阶段内容,显示max-height的高度。
line-height:就是行高,就是针对文本的,即一行文字的行高,是以该标签中文字大小font-size做比较的,例如line-height=200%,就是让行高是文字大小的两倍

猜你喜欢

转载自blog.csdn.net/Aohanzzz/article/details/126890048