css3——max-height 和 min-height

版权声明:未经同意,不得随意转载转载 https://blog.csdn.net/lucky541788/article/details/83589500

使用方法和普通的 height 一样

max-height:最大高度

为了避免内容太多将高度撑太高影响布局美化统一,这个时候我们设置最大高度限制。比如一个 table tr td 表格对象里装一个图片,而图片高度不确定,如果太高了不想图片撑破 tr td 表格,这个时候通过 css max-height 限制图片最大高度是有必要的。

min-height:最小高度

为了避免对象(可以是在加载过程中)没有内容时候不能撑开,但内容多少不能确定所以又不能固定高度,这个时候我们就会需要css来设置min-height最小高度撑高对象盒子。当内容少时候最小高度能将内容显示出,如果内容多余最小高度能装下时候,对象也会再随内容增多而增高。

猜你喜欢

转载自blog.csdn.net/lucky541788/article/details/83589500