css3 min-content，max-content，fit-content, fill属性

css3里有四个属性，用来实现之内容为主的尺寸计算方式，intrinsic sizing

• min-content
• max-content
• fit-content
• fill

其中 fill 关键字，须要加浏览器前缀，并拼接available， 好比width: -webkit-fill-available;

 

下面一张图形象的体现了四个属性的表现

 

 须要提一下的是：max-content 和fit-content， 当元素内容没有超出行宽的时候，最终的宽度都是内容的宽度。而超出行宽的时候，max-content的表现是不换行，出现横向滚动条，fit-content的表现是会换行。

 

更多介绍，能够点击下面连接看看

推荐博客：http://www.javashuo.com/article/p-samruili-g.html

参考网址：https://googlechrome.github.io/samples/css-intrinsic-sizing/