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/